/* =========================================================
   CONTROLE DE TEMA E CORES (V3 - Adicionado Sec-0)
   =========================================================
   
   Instruções:
   1. Este arquivo controla as cores, imagens de fundo
      e efeitos (como overlays) do site inteiro.
   2. Altere os valores abaixo para mudar o visual.
*/

/* =========================================================
   1. PALETA DE CORES PRINCIPAL
   ========================================================= */
:root {
  /* --- Cores de Identidade --- */
  --color-brand: #f9a631;       /* Laranja principal (botões, links ativos, etc.) */
  --color-white: #fff;
  --color-black: #000;
  
  /* --- Cores de Fundo das Seções --- */
  /* (O style.css usa --bg-0 e --bg-1, que pegam estas cores) */
  --color-bg-light: #d8d8d8;    /* Fundo claro (padrão, usado na Intro, Sec 2, Sec 3) */
  --color-bg-gray: #d8d8d8;     /* Fundo secundário (usado na Sec 1, Sec 4) */

  /* --- Cores de Texto --- */
  /* (O style.css usa --ink, que pega esta cor) */
  --color-text-primary: #d8d8d8; /* Texto principal (usado na Intro, sobre o vídeo) */
}


/* =========================================================
   2. EFEITOS E OVERLAYS
   ========================================================= */
:root {
  /* --- Transições --- */
  --transition-default: 700ms cubic-bezier(.2,.8,.2,1); /* Animação padrão de fade */

  /* --- Blurs --- */
  --effect-blur-menu: blur(10px); /* Efeito de "vidro fosco" do menu mobile */
  

  /* =================================================================== */
  /* CONTROLE DE OVERLAY (OPACIDADE / ESCURIDÃO)               */
  /* */
  /* É AQUI QUE VOCÊ MUDA O QUÃO ESCURO O FUNDO DAS SEÇÕES É.            */
  /* */
  /* Valores: (0.0 = 100% Transparente, 1.0 = 100% Preto)             */
  /* =================================================================== */

  /* (NOVO) SEC 0 (Intro - Logo VPI): Opacidade do overlay do vídeo */
  --effect-dim-sec0-intro: .70; 

  /* (NOVO) SEC 0 (Sobre - Texto): Opacidade quando o texto "Sobre" aparece */
  --effect-dim-sec0-sobre: .92; 

  /* SEC 1 (Consultoria): Opacidade do overlay */
  --effect-dim-sec1: .90; 

  /* SEC 2 (Terceiro Setor): Opacidade do overlay */
  --effect-dim-sec2: .90; 

  /* SEC 4 (Contato): Opacidade do overlay */
  --effect-dim-sec4: .85; 
  
  
  /* --- Gradientes --- */
  /* Sombra (de baixo para cima) usada nos banners mobile (Sec 1 e 2) */
  --effect-gradient-banner: linear-gradient(to top, rgba(0,0,0,.55) 0 38%, transparent 60%);
}


/* =========================================================
   3. IMAGENS DE FUNDO (BACKGROUNDS)
   ========================================================= */
:root {
  /* Caminho da imagem da Seção 1 (Consultoria) */
  --image-bg-sec1: url('../imgs/consultoria.webp');
  
  /* Caminho da imagem da Seção 2 (Terceiro Setor) */
  --image-bg-sec2: url('../imgs/terceiro-setor.webp');
  
  /* Caminho da imagem da Seção 4 (Contato) */
  --image-bg-sec4: url('../imgs/contato.webp');
}