/* visual-bio-avalanche : tokens
   Fonte de verdade: :root do css/base.css publicado em bio.denderson.ai.
   Todo valor aqui foi extraido do original, nenhum foi inventado.
   Regra da casa: cor entra SEMPRE por token. Nunca hex solto no componente. */

:root{

  /* ---------- FUNDOS (do mais escuro ao mais claro) ---------- */
  --bg0:#0b0b10;      /* fundo do body e da primeira dobra. O preto da pagina. */
  --bg1:#12121a;      /* seccao alternada e fundo da nav flutuante */
  --bg2:#181822;      /* seccao de destaque e fundo de moldura de imagem */
  --surface:#1e1e2b;  /* superficie elevada: card, badge, pill, painel */

  /* ---------- TEXTO ---------- */
  --ink:#0b0b10;      /* texto escuro SOBRE bloco de cor solida (verde acido) */
  --text:#f2f2ea;     /* texto principal. Branco quebrado, nunca #fff puro. */
  --mute:#a3a39a;     /* paragrafo de apoio, legenda, eyebrow */
  --faint:#6f6f68;    /* texto desligado: valor riscado, marcador negativo */

  /* ---------- ACENTO ---------- */
  --acid:#d4ff4a;      /* a cor da marca. Unico destaque forte da pagina. */
  --acid-soft:#e4ff85; /* variante do acido para texto italico em seccao escura */
  --magenta:#ff0000;   /* acento de contraste. ATENCAO: o nome diz magenta,
                          o valor e vermelho puro. Usar so em hover de botao,
                          borda de moldura, risco de preco e canvas de fundo. */

  /* ---------- LINHAS ---------- */
  --line:rgba(242,242,234,.12);      /* hairline padrao: borda de nav, tabela, footer */
  --line-soft:rgba(242,242,234,.07); /* hairline quase invisivel: borda de card */

  /* ---------- TIPOGRAFIA ---------- */
  --font-display:"Cormorant Garamond",Georgia,serif;        /* titulo e numeral grande */
  --font-body:"DM Sans",-apple-system,system-ui,sans-serif; /* corpo e botao */
  --font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;/* eyebrow, tag, credito */

  /* ---------- LAYOUT ---------- */
  --container:1360px; /* largura maxima do conteudo */

  /* ---------- EASINGS ---------- */
  --ease-out:cubic-bezier(.22,1,.36,1); /* entrada, hover, reveal. O padrao. */
  --ease-io:cubic-bezier(.65,0,.35,1);  /* loop simetrico (pulse) */
}