/* ==========================================================================
   iGreen Header — Tokens
   Vem do componente portavel igreen-header.zip.

   ⚠ RENOMEADOS COM PREFIXO --hd-: o zip declarava --green, --ink, --border,
   --surface, --font... no :root. O index.html JA declara --green (#18FF00) e
   --ink (#f2fff0) e o site inteiro depende deles — carregar os nomes originais
   reescreveria a cor da marca e o texto de TODAS as secoes. Com o prefixo o
   header fica isolado e nada fora dele muda.

   De -> para (para conferir contra o zip original):
   --surface -> --hd-surface   --green   -> --hd-green    --ink     -> --hd-ink
   --muted   -> --hd-muted     --border  -> --hd-border   --border-2-> --hd-border-2
   --glass   -> --hd-glass     --glass-2 -> --hd-glass-2  --font    -> --hd-font
   --font-*  -> --hd-font-*     --fw-*   -> --hd-fw-*     --header-h-> --hd-header-h
   --gutter  -> --hd-gutter    --sp-2xs  -> --hd-sp-2xs   --r-full  -> --hd-r-full
   --z-*     -> --hd-z-*       --dur*    -> --hd-dur*     --ease-nav-> --hd-ease-nav
   ========================================================================== */
:root{
  /* cor
     ⚠⚠ A PALETA DESTE COMPONENTE ERA FRIA, E ERA ISSO O "HEADER AZUL". O dono apontou tres
     vezes; nas duas primeiras eu fui mexer no véu do .hdblur, que nao era o problema. O que
     ele estava vendo e a PILULA do menu: o zip trazia --hd-surface:#0B0D10 = rgb(11,13,16),
     com o canal AZUL acima do verde. O site e rgb(3,6,3). Medindo os tres tokens do zip:
       #0B0D10  rgb(11,13,16)    azul supera o verde em 3
       #F5F7FA  rgb(245,247,250) azul supera o verde em 3
       #AEB4BD  rgb(174,180,189) azul supera o verde em 9   <- o mais frio, e e o texto
       rgba(255,255,255,...) nas bordas e no vidro: branco puro, neutro
     Nada disso e "quase preto igual": lado a lado com o verde-preto do site, um cinza-azul
     le como cinza-azul. Agora os quatro seguem a paleta do site.

     ⚠ O NOME `--hd-green` NAO MUDA e continua #18FF00: ele ja estava alinhado ao --green.
     E o prefixo --hd- continua sendo o que impede este bloco de reescrever a cor da marca
     e o texto de todas as secoes — ver o cabecalho deste arquivo. */
  --hd-surface:#060E08;                 /* fundo da navbar — mesmo vidro da barra de cookies
                                           e do véu do header (rgb 6,14,8) */
  --hd-green:#18FF00;                   /* alinhado ao --green do site (o zip vinha #00FF00) */
  --hd-ink:#F2FFF0;                     /* texto principal — o --ink do site */
  --hd-muted:rgba(232,255,228,.72);     /* itens inativos: a familia do --ink-dim, num valor
                                           que mantem o CONTRASTE do #AEB4BD que saiu */
  --hd-border:rgba(232,255,228,.08);
  --hd-border-2:rgba(232,255,228,.14);
  --hd-glass:rgba(232,255,228,.05);
  --hd-glass-2:rgba(232,255,228,.08);   /* realce do item ativo */

  /* tipografia */
  --hd-font:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --hd-font-base:1rem;
  --hd-font-small:0.875rem;
  --hd-font-xs:0.75rem;                 /* itens do menu no tablet */
  --hd-fw-medium:500;
  --hd-fw-heading:600;

  /* layout */
  --hd-header-h:88px;
  --hd-gutter:80px;                     /* respiro lateral */
  --hd-sp-2xs:8px;
  --hd-r-full:999px;

  /* z-index — o header antigo vivia em z-index:10. 100 mantem ele acima do
     conteudo e ABAIXO do rail do modo apresentacao (900), dos cursores
     custom (997-999) e do #boot (10000), como era antes. */
  --hd-z-header:100;
  --hd-z-blur:99;
  --hd-z-menu:99;

  /* movimento */
  --hd-dur:.4s;
  --hd-dur-fast:.25s;
  --hd-ease-nav:cubic-bezier(.4,0,.2,1);
}

/* o gutter e a altura acompanham o breakpoint */
@media(min-width:1600px){ :root{ --hd-gutter:120px } }
@media(max-width:1180px){ :root{ --hd-gutter:40px } }
@media(max-width:760px){  :root{ --hd-gutter:20px; --hd-header-h:72px } }