/* ============================================================================
   VOA — Design tokens (a ÚNICA fonte de cor, tipo, espaço e movimento)
   Nenhum hex ou font-family literal deve existir fora deste arquivo.
   Cores da marca: preto + limão (extraídas do deck Estúdio Barra).
   ============================================================================ */
:root {
  /* --- Cor: marca ---------------------------------------------------------*/
  --voa-lime:        #DDFB05;   /* limão-assinatura: CTAs, destaques, blocos cheios */
  --voa-lime-deep:   #B4CC00;   /* hover/pressed do limão */
  --voa-black:       #000000;   /* fundo dominante */
  --voa-black-2:     #050505;   /* faixas técnicas: ticker, footer */
  --voa-surface:     #0B0B0B;   /* cards / superfícies elevadas */
  --voa-surface-2:   #141414;   /* hover de superfície, células de stat */
  --voa-lime-wash:   #0C0C00;   /* hover de stat: preto com traço de limão */

  /* --- Cor: neutros de apoio (NÃO são cor de marca) ----------------------*/
  --voa-ink:         #F2F2EF;   /* texto principal sobre escuro */
  --voa-lit:         #F4F4EF;   /* superfície clara: tile de logo acesa no hover */
  --voa-gray:        #D3D3D3;   /* texto secundário, labels */
  --voa-gray-dim:    #8A8A85;   /* texto terciário, metadados */
  --voa-line:        rgba(242,242,239,.12);  /* divisórias do grid */
  --voa-line-strong: rgba(242,242,239,.24);

  /* --- Tipografia: família da marca (brandbook Estúdio Barra) -------------
     Títulos: Bebas Neue Pro Expanded (licenciada — cai no fallback Figtree
     até o .woff2 oficial ser colocado em static/fonts/bebas-neue-pro/).
     Corpo: Figtree (Google Font, presente no brandbook). Labels: Space Mono. */
  --font-display: "Bebas Neue Pro Expanded", "Figtree", system-ui, sans-serif; /* títulos */
  --font-body:    "Figtree", system-ui, -apple-system, sans-serif;             /* corpo, leads, UI */
  --font-mono:    "Space Mono", ui-monospace, monospace;                       /* ticker, labels técnicos */
  --font-sans:    var(--font-body);   /* apelido retrocompatível (refs antigas) */

  /* Escala fluida (display com tracking negativo, leading apertado) */
  --fs-mega:    clamp(3rem, 9vw, 8.5rem);     /* herói */
  --fs-display: clamp(2.4rem, 6vw, 5rem);     /* seções grandes */
  --fs-h1:      clamp(2rem, 4.2vw, 3.4rem);
  --fs-h2:      clamp(1.5rem, 2.6vw, 2.25rem);
  --fs-h3:      clamp(1.15rem, 1.6vw, 1.4rem);
  --fs-lead:    clamp(1.05rem, 1.35vw, 1.3rem);
  --fs-body:    1rem;
  --fs-sm:      0.875rem;
  --fs-label:   0.6875rem;   /* 11px — eyebrows / mono labels */

  --tracking-display: -0.035em;
  --tracking-tight:   -0.02em;
  --tracking-label:   0.22em;
  --leading-tight:    0.95;
  --leading-snug:     1.15;
  --leading-body:     1.6;

  --weight-display: 800;
  --weight-bold:    700;
  --weight-med:     500;

  /* --- Espaçamento (escala 4px) ------------------------------------------*/
  --sp-1: 0.25rem;  --sp-2: 0.5rem;  --sp-3: 0.75rem;  --sp-4: 1rem;
  --sp-5: 1.25rem;  --sp-6: 1.5rem;  --sp-8: 2rem;     --sp-10: 2.5rem;
  --sp-12: 3rem;    --sp-16: 4rem;   --sp-20: 5rem;    --sp-24: 6rem;
  --sp-section: clamp(4.5rem, 10vw, 9rem);   /* respiro vertical entre seções */

  --maxw:   1320px;   /* largura máxima do conteúdo */
  --gutter: clamp(1.15rem, 4vw, 3rem);

  /* --- Forma / linha ------------------------------------------------------*/
  --radius: 2px;                       /* raio mínimo — a marca é angular */
  --border: 1px solid var(--voa-line);

  /* --- Movimento (curvas custom, nada de linear/ease-in-out) --------------*/
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);     /* saída suave, com massa */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.18s;
  --dur:      0.4s;
  --dur-slow: 0.8s;
  --dur-ticker: 40s;
  --dur-marquee: 22s;

  /* --- Camadas ------------------------------------------------------------*/
  --z-header: 100;
  --z-float:  90;
  --z-grain:  200;
}