/* Design System RiseSales (spec 2026-10-12, §3): a ÚNICA fonte de cores do painel. Os outros CSS só usam var(--…).
   Claro em :root; escuro em html[data-tema="escuro"] (o web/js/tema.js escolhe antes de pintar; o login.html fixa
   "escuro"). Valores do CRM (src/index.css) com o laranja oficial #F25A20. Os tokens "-texto" e os ajustes de
   contraste estão registrados na spec (§3.1, "Ajustes de contraste"); test/tokens.test.js confere a razão WCAG. */
:root {
  color-scheme: light;

  --fundo: hsl(220 20% 98%);
  --superficie: hsl(0 0% 100%);
  --superficie-2: hsl(220 14% 96%);
  --texto: hsl(221 48% 15%);
  --texto-2: hsl(220 9% 43%);
  --borda: hsl(220 13% 91%);
  --primaria: hsl(221 48% 20%);
  --primaria-texto: #FFFFFF;
  --destaque: #F25A20;
  --destaque-texto: hsl(17 89% 38%);
  --destaque-suave: hsl(17 89% 54% / 0.10);
  --ok: hsl(142 71% 45%);
  --ok-texto: hsl(142 71% 26%);
  --atencao: hsl(45 93% 47%);
  --atencao-texto: hsl(45 93% 26%);
  --sobre-atencao: hsl(221 48% 15%);
  --critico: hsl(0 84% 60%);
  --critico-texto: hsl(0 84% 42%);
  --info: hsl(217 91% 60%);
  --info-texto: hsl(217 91% 45%);
  --menu-fundo: hsl(18 35% 98%);
  --menu-ativo: hsl(15 50% 96%);
  --grafico-1: #F25A20;
  --grafico-2: hsl(142 71% 45%);
  --grafico-3: hsl(217 91% 60%);
  --grafico-4: hsl(45 93% 47%);
  --grafico-5: hsl(280 65% 60%);
  --sombra: 0 1px 2px hsl(220 20% 10% / 0.06);
  --veu: hsl(240 9% 4% / 0.55);

  /* Forma, espaço e texto (§3.2) */
  --raio: 8px;
  --raio-botao: 6px;
  --raio-pilula: 999px;
  --e1: 4px;
  --e2: 8px;
  --e3: 12px;
  --e4: 16px;
  --e5: 24px;
  --e6: 32px;
  --fonte: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --t-rotulo: 11px;
  --t-pequeno: 12px;
  --t-tabela: 13px;
  --t-corpo: 14px;
  --t-medio: 16px;
  --t-titulo: 20px;
  --t-numero: 28px;
  --altura-barra: 56px;
  --altura-botao: 36px;
  --altura-campo: 40px;
  --alvo-toque: 44px;
}

html[data-tema="escuro"] {
  color-scheme: dark;

  --fundo: hsl(240 9% 4%);
  --superficie: hsl(240 8% 7%);
  --superficie-2: hsl(240 6% 12%);
  --texto: hsl(240 6% 96%);
  --texto-2: hsl(240 5% 62%);
  --borda: hsl(240 6% 15%);
  --primaria: #F25A20;
  --primaria-texto: hsl(240 9% 4%);
  --destaque: #F25A20;
  --destaque-texto: #F25A20;
  --destaque-suave: hsl(17 89% 54% / 0.14);
  --ok: hsl(142 70% 45%);
  --ok-texto: hsl(142 70% 45%);
  --atencao: hsl(45 93% 55%);
  --atencao-texto: hsl(45 93% 55%);
  --sobre-atencao: hsl(221 48% 15%);
  --critico: hsl(0 72% 51%);
  --critico-texto: hsl(0 72% 63%);
  --info: hsl(217 91% 65%);
  --info-texto: hsl(217 91% 65%);
  --menu-fundo: hsl(240 9% 5%);
  --menu-ativo: hsl(240 6% 13%);
  --sombra: none;
}