/* ---------------------------------------------------------------------------
   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/app/src/styles/tokens.css   (cópia gerada por `make app-brand-sync`)
--------------------------------------------------------------------------- */

:root {
  /* superfícies */
  --halo-bg: #0F1320;
  --halo-panel: #171C2B;
  --halo-panel-2: #1C2233;
  /* um degrau acima do panel-2, para o que precisa se destacar DENTRO de um
     painel já elevado (o avatar do rail é o caso de uso) */
  --halo-panel-3: #212840;
  --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;
  /* texto SOBRE dourado. Não é --halo-bg: o fundo da página é mais escuro do
     que precisa ser aqui, e o dourado pede um azul um tom acima para não
     vibrar na borda. */
  --halo-on-gold: #14182A;

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

  /* estados */
  --halo-up: #63D6A8;
  --halo-down: #D9737E;
  /* o terceiro estado, que não é ausência dos outros dois: o neutro do
     sentimento é uma leitura do juiz, e precisa de cor própria — cinza-azulado
     em vez de cinza puro, para pertencer à mesma família de up/down. */
  --halo-neutro: #6E7793;

  /* 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%);
}