/* ==========================================================================
   BOMBAR CRUZ — TOKENS
   Fundação do sistema visual. Altere aqui para propagar em todo o site.
   ========================================================================== */

:root {
  /* ---------------------------------------------------------------- cor -- */
  --verde-profundo:  #08261F;   /* fundo dominante, nav, rodapé            */
  --verde-escuro:    #0D3329;   /* cartões, blocos secundários             */
  --preto:           #080807;   /* hero, overlays, seções de evento        */
  --dourado:         #C9A227;   /* assinatura da marca                     */
  --dourado-escuro:  #8F7018;   /* bordas, gradientes, ornamentos          */
  --ambar:           #D88925;   /* CTAs, drinks, gastronomia               */
  --creme:           #F1E6C8;   /* textos, contraste                       */
  --branco-quente:   #F7F3E8;   /* textos principais                       */

  /* Derivados — sempre a partir das cores acima, nunca cores novas.        */
  --verde-vinheta:   #041710;   /* topo/base de seções, profundidade       */
  --linha:           rgba(201, 162, 39, .22);   /* fio dourado discreto     */
  --linha-forte:     rgba(201, 162, 39, .45);
  --linha-fraca:     rgba(241, 230, 200, .12);
  --sobre-verde:     rgba(8, 38, 31, .82);      /* overlay verde na foto    */
  --sobre-preto:     rgba(8, 8, 7, .58);        /* overlay preto na foto    */

  --texto:           var(--branco-quente);
  --texto-suave:     rgba(247, 243, 232, .68);
  --texto-tenue:     rgba(247, 243, 232, .45);

  /* --------------------------------------------------------- tipografia -- */
  --fonte-display: 'DM Serif Display', 'Cormorant Garamond', Georgia, serif;
  --fonte-texto:   'Manrope', 'Inter', system-ui, -apple-system, sans-serif;

  /* Escala fluida — nunca precisa de media query para tamanho de fonte.    */
  /* A headline do topo divide a tela com o logotipo, a linha de apoio, os
     botões e a barra dos dois turnos. Passando disso, o conjunto não cabe
     numa tela de notebook e o botão principal cai abaixo da dobra.        */
  --t-hero:  clamp(2.85rem, 9vw, 6.2rem);
  --t-d1:    clamp(2.4rem, 6.2vw, 4.6rem);
  --t-d2:    clamp(1.9rem, 4.4vw, 3.1rem);
  --t-d3:    clamp(1.4rem, 2.6vw, 1.95rem);
  --t-corpo: clamp(1rem, 1.05vw, 1.09rem);
  --t-peq:   .875rem;
  --t-micro: .75rem;

  --olho:     .72rem;    /* sobretítulo / eyebrow                          */
  --trilha-olho: .34em;  /* letter-spacing dos sobretítulos                */

  /* ------------------------------------------------------------ espaço -- */
  --e-1:  .25rem;
  --e-2:  .5rem;
  --e-3:  .75rem;
  --e-4:  1rem;
  --e-5:  1.5rem;
  --e-6:  2rem;
  --e-7:  3rem;
  --e-8:  4rem;
  --e-9:  6rem;

  --secao:   clamp(4.5rem, 9vw, 8.5rem);   /* respiro vertical de seção     */
  --borda-pagina: clamp(1.15rem, 5vw, 4.5rem);
  --largura:  1240px;
  --largura-texto: 62ch;

  /* ------------------------------------------------------------- forma -- */
  /* Cantos discretos: o briefing pede o oposto de "cards arredondados".    */
  --r-1: 2px;
  --r-2: 4px;
  --r-3: 6px;
  --r-pill: 999px;

  --s-baixa:  0 1px 2px rgba(4, 12, 9, .3);
  --s-media:  0 14px 34px -18px rgba(4, 12, 9, .85);
  --s-alta:   0 34px 70px -30px rgba(4, 12, 9, .95);
  --s-dourada: 0 0 0 1px var(--linha-forte), 0 12px 30px -14px rgba(201, 162, 39, .32);

  /* ----------------------------------------------------------- imagem --- */
  /* Tratamento padrão: contraste alto, leve calor, nada artificial.        */
  --trato-foto: contrast(1.07) saturate(1.06) brightness(.96);
  --trato-foto-quente: contrast(1.1) saturate(1.1) brightness(.94) sepia(.06);

  /* ---------------------------------------------------------- movimento -- */
  --rapido:  180ms;
  --padrao:  340ms;
  --lento:   520ms;
  --curva:   cubic-bezier(.22, .61, .36, 1);
  --curva-suave: cubic-bezier(.4, 0, .2, 1);

  --nav-h: 76px;
}

@media (max-width: 760px) {
  :root { --nav-h: 64px; }
}

/* Granulação cinematográfica — SVG inline, sem custo de rede. */
:root {
  --grao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)' opacity='.42'/%3E%3C/svg%3E");
}