/* ===== TapeDrill — tokens de identidade (v1, ago 2026) =====
   ÚNICA fonte de verdade de cor e tipografia. Inclua ANTES de assets/style.css
   nas 3 páginas do site, e cole este mesmo bloco no <style> do
   simulador-vwap.html (substituindo o :root que existe lá hoje).
   Não crie tokens paralelos. Os aliases no fim deste arquivo (--panel,
   --panel2, --border, --buy/--sell…) mantêm o CSS antigo funcionando até a
   renomeação terminar — os que já não eram usados por ninguém foram
   removidos numa auditoria.
*/
:root{
  /* --- superfícies: uma escala só. App vive em 950–800, site em 900–700 --- */
  --ground-950:#06080C;
  --ground-900:#090B10;
  --ground-850:#0B0E14;
  --surface-800:#10141C;
  --surface-700:#161B26;
  --surface-600:#1D2431;
  --surface-glass:#10141CE0;   /* painel translúcido do app (era --panel) */

  /* --- linhas: os filetes carregam a estrutura, não os preenchimentos --- */
  --line-soft:#1A2030;
  --line:#212837;
  --line-strong:#2B3448;

  /* --- texto --- */
  --text:#EDEFF4;
  --muted:#8B93A6;
  --faint:#545C70;

  /* --- marca: o ouro é traço, nunca área grande --- */
  --gold:#D9A441;
  --gold-hi:#EBC27B;   /* hover / foco */
  --gold-lo:#A87C2C;   /* pressionado */
  --gold-dim:#3A2E14;  /* fundo tingido */
  --ring:#D9A44155;

  /* --- funcionais: semântica travada, nunca decoração --- */
  --alta:#2ECC8F;
  --alta-dim:#0E3B2A;
  --alta-ink:#06281A;   /* texto sobre alta preenchida */
  --baixa:#F2495C;
  --baixa-dim:#3F1620;
  --baixa-ink:#2E070B;
  --anotacao:#4DA3FF;   /* só no app: alvos e desenho do usuário */
  --exame:#7C5CFF;      /* só no app: Modo Exame */

  /* --- tipografia: duas vozes, uma fronteira ---
     Garamond = vitrine e retórica · Sora = chrome de ferramenta
     Mono = TODO número de mercado, nos dois lados */
  --font-editorial:'EB Garamond', Georgia, serif;
  --font-ui:'Sora', system-ui, -apple-system, sans-serif;
  --font-mono:'IBM Plex Mono', 'SF Mono', Consolas, monospace;

  --radius-sm:8px;
  --radius:12px;
  --radius-lg:14px;
}

/* Tema claro do app: papel quente, mesma marca, mesmas funcionais.
   Os degraus escuros são remapeados — nenhum componente precisa saber. */
html[data-theme="light"]{
  --ground-950:#EDE8DC;
  --ground-900:#F4F1EA;
  --ground-850:#F4F1EA;
  --surface-800:#FFFFFF;
  --surface-700:#EFEBE1;
  --surface-600:#E5DFD1;
  --surface-glass:#FFFFFFE0;
  --line-soft:#E7E1D2;
  --line:#DDD6C4;
  --line-strong:#C9C0A9;
  --text:#1C1A14;
  --muted:#5C5748;
  --faint:#8A8470;
  --gold-hi:#8A6420;
  --gold-dim:#F0E3C6;
}

/* Todo número de mercado é tabular. */
.num, .mono{ font-family:var(--font-mono); font-variant-numeric:tabular-nums; }

/* --- aliases de transição: remover depois de renomear no site e no app --- */
:root, html[data-theme="light"]{
  --panel:var(--surface-glass);
  --panel-solid:var(--surface-800);
  --panel-2:var(--surface-700);
  --panel2:var(--surface-700);
  --border:var(--line);
  --buy:var(--alta);
  --buy-dim:var(--alta-dim);
  --sell:var(--baixa);
  --sell-dim:var(--baixa-dim);
  --font-display:var(--font-editorial);
}