/* ---------------------------------------------------------------------------
   Halo — tokens de marca (fonte da verdade)

   A identidade é FIXA entre verticais e entre superfícies: o painel de e-commerce,
   o de consumer health e a landing usam os mesmos valores. O que muda de vertical
   para vertical é a arquitetura de informação, nunca a paleta.

   Semântica das duas cores de destaque — não é decoração:
     gold  = a marca monitorada (você)
     steel = concorrente

   Consumidores destes tokens:
     apps/landing/assets/tokens.css   (cópia gerada por `make brand-sync`)
     apps/pipeline/halo/dashboard.py  (ainda com os valores embutidos no CSS gerado;
                                       absorver quando o frontend nascer)
--------------------------------------------------------------------------- */

:root {
  /* superfícies */
  --halo-bg: #0F1320;
  --halo-panel: #171C2B;
  --halo-panel-2: #1C2233;
  --halo-slate: #3A4260;
  --halo-line: rgba(255, 255, 255, 0.07);
  --halo-line-2: rgba(255, 255, 255, 0.12);

  /* texto */
  --halo-ink: #E9E7DF;
  --halo-muted: #868DA6;
  --halo-dim: #565E78;

  /* destaque semântico */
  --halo-gold: #F5C451;
  --halo-gold-deep: #E0A83A;
  --halo-steel: #7FA8D9;

  /* estados */
  --halo-up: #63D6A8;
  --halo-down: #D9737E;

  /* tipografia — três papéis distintos.
     display: serif, para as afirmações; a voz do Halo é de pesquisa, não de anúncio
     ui:      system-ui, para leitura corrida e controles
     mono:    números, rótulos e tudo que é medida */
  --halo-font-display: ui-serif, "New York", Georgia, "Times New Roman", serif;
  --halo-font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --halo-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* atmosfera — o halo: luz dourada vindo de cima, usada com parcimônia */
  --halo-glow: radial-gradient(130% 90% at 50% -20%, rgba(245, 196, 81, 0.22) 0%, transparent 62%);
}