/* ═══════════════════════════════════════════════════════════════
   RVM · TOKENS — fonte UNICA de verdade do design system.
   Toda pagina linka este arquivo ANTES de qualquer outro CSS.
   NAO redefina :root em outro arquivo — edite so aqui.
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* superficies (quase-preto, hue ~255) */
  --n1:#08090d;
  --n2:#0d0f14;
  --n3:#13151c;
  --n4:#1a1d26;
  /* verde da marca */
  --g1:#22c55e;
  --g2:#4ade80;
  --g3:#16a34a;
  /* azul (dados) */
  --b1:#1a73e8;
  --b2:#3b93f5;
  /* violeta (acento) */
  --vi:#8b5cf6;
  /* texto — --t4 corrigido p/ 5,81:1 (WCAG AA) */
  --t1:#ffffff;
  --t2:rgba(255,255,255,.72);
  --t3:#9aa1ac;
  --t4:#8b929c;
  /* bordas */
  --bd1:rgba(255,255,255,.09);
  --bd2:rgba(255,255,255,.17);
  --bdg:rgba(34,197,94,.32);
  --bdb:rgba(59,147,245,.32);
  /* familias — Archivo variavel self-hosted (/assets/fonts/archivo-latin.woff2; @font-face no tema-estrutura.css).
     Apontam para as pilhas do tema (--p-display / --p-body, abaixo). A mono deixou de ser enfeite:
     codigo de verdade usa --p-code. As pilhas antigas ficam no tokens.css.bak-repaginada. */
  --disp:var(--p-display);
  --serif:var(--p-display);
  --mono:var(--p-body);
  --body:var(--p-body);
  /* sombras */
  --rise:0 1px 0 rgba(255,255,255,.04) inset, 0 18px 46px rgba(0,0,0,.5);
  --rise2:0 1px 0 rgba(255,255,255,.07) inset, 0 28px 66px rgba(0,0,0,.62);
  /* escala tipografica — 14 degraus, sem meio-pixel */
  --fs-2xs:11px;          /* rotulos, tags, eyebrows (piso de acessibilidade) */
  --fs-xs:12px;           /* nav, chips, UI pequena */
  --fs-sm:13px;           /* texto secundario, meta */
  --fs-md:14px;           /* texto de card, inputs */
  --fs-ui:15px;           /* botoes */
  --fs-body:16px;         /* corpo de texto */
  --fs-lead:18px;         /* paragrafo de abertura, titulo de card */
  --fs-h4:20px;           /* subtitulo */
  --fs-h3:22px;           /* titulo de bloco */
  --fs-h2-sm:26px;        /* titulo de secao no mobile */
  --fs-h1-sm:30px;        /* titulo principal no mobile */
  --fs-h2:40px;           /* titulo de secao */
  --fs-h1:48px;           /* titulo principal (hero calibrado p/ caber em 1280x600) */
  --fs-display:52px;      /* display */
  /* escala fluida (repaginada 13/09/2026) — so os tamanhos grandes do tema; os 14 degraus acima nao mudam */
  --fs-ganho:clamp(15px,1.5vw,17px);            /* linha de Ganho */
  --fs-title-1:clamp(2rem,6.2vw,4.4rem);        /* h1, fonte larga (padrao); piso 2rem para caber em 360px */
  --fs-title-2:clamp(1.7rem,4.4vw,3.2rem);      /* h2 de secao, fonte larga (padrao) */
  --fs-hero:clamp(1.7rem,3.2vw,2.5rem);         /* h1 de hero em coluna, ao lado de terminal ou painel */
  --fs-price:clamp(2.8rem,9vw,5rem);            /* preco em destaque */

  /* ═══ adaptador do tema da repaginada (--p-*): toda cor do tema-estrutura.css sai daqui ═══ */
  --p-bg:var(--n1);             /* fundo da pagina */
  --p-surface:var(--n2);        /* cards, blocos de oferta, FAQ */
  --p-surface2:var(--n3);       /* icones, caixas internas */
  --p-surface3:var(--n4);       /* rolagem, trilhos de barra */
  --p-line:var(--bd1);          /* fio de 1px */
  --p-line2:var(--bd2);         /* fio reforcado, botao secundario */
  --p-tx:var(--t1);             /* texto principal */
  --p-ts:var(--t2);             /* texto secundario */
  --p-tm:var(--t4);             /* texto apagado e rotulos */
  --p-accent:var(--g1);         /* botao principal, destaque de titulo, Ganho */
  --p-accent-hover:var(--g2);
  --p-on-accent:#000;           /* texto em cima do botao principal */
  --p-erro:#ff6b6b;
  --p-fx-rgb:34,197,94;         /* particulas e luz dos cards: R,G,B do --g1 */
  --p-display:'Archivo','Arial Narrow',Arial,sans-serif;
  --p-body:'Archivo',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --p-code:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}