/* Plataforma Rei Rolim: tokens do design system (docs/design, design-system.md do cérebro).
   Tema claro é o padrão; o escuro vale pelo aparelho ou pela escolha salva. */

@font-face {
  font-family: "Inter";
  src: url("../fontes/inter-latin-wght.260c81a4759b.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --fundo: #F3F4F6;
  --superficie: #FFFFFF;
  --superficie-2: #F7F7FA;
  --borda: #E7E8EC;
  --texto: #14141A;
  --texto-suave: #6B6F7B;
  --destaque: #5B3FE0;
  --destaque-suave: rgb(91 63 224 / 0.10);
  --sobre-destaque: #FFFFFF;
  --positivo: #16A34A;
  --negativo: #DC2626;
  --atencao: #D97706;
  --positivo-suave: rgb(22 163 74 / 0.10);
  --negativo-suave: rgb(220 38 38 / 0.10);
  --atencao-suave: rgb(217 119 6 / 0.12);
  --sombra: 0 1px 2px rgb(20 20 26 / 0.04), 0 4px 16px rgb(20 20 26 / 0.04);

  --degrade-saldo: linear-gradient(135deg, #1B1464 0%, #6D3FE0 100%);
  --grafico-1: #6D4DFF; --grafico-2: #2A1FD6; --grafico-3: #A99BFF; --grafico-4: #9CC9F5;
  --grafico-5: #D9A27A; --grafico-6: #B4202A; --grafico-7: #E3A0A0;

  --raio-cartao: 20px;
  --raio-campo: 12px;
  --raio-icone: 10px;
  --raio-etiqueta: 999px;
  --espaco-1: 4px; --espaco-2: 8px; --espaco-3: 12px; --espaco-4: 16px;
  --espaco-5: 20px; --espaco-6: 24px; --espaco-8: 32px;
  --largura-lateral: 228px;

  --fonte: "Inter", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tam-valor-principal: 30px;
  --tam-valor: 23px;
  --tam-titulo: 15px;
  --tam-corpo: 14px;
  --tam-rotulo: 12.5px;

  color-scheme: light;
}

:root[data-theme="dark"] {
  --fundo: #0D0D0F;
  --superficie: #161618;
  --superficie-2: #1E1E22;
  --borda: #26262B;
  --texto: #F5F5F7;
  --texto-suave: #9A9AA5;
  --destaque: #6D4DFF;
  --destaque-suave: rgb(109 77 255 / 0.16);
  --positivo: #22C55E;
  --negativo: #EF4444;
  --atencao: #F59E0B;
  --positivo-suave: rgb(34 197 94 / 0.14);
  --negativo-suave: rgb(239 68 68 / 0.14);
  --atencao-suave: rgb(245 158 11 / 0.14);
  --sombra: none;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fundo: #0D0D0F;
    --superficie: #161618;
    --superficie-2: #1E1E22;
    --borda: #26262B;
    --texto: #F5F5F7;
    --texto-suave: #9A9AA5;
    --destaque: #6D4DFF;
    --destaque-suave: rgb(109 77 255 / 0.16);
    --positivo: #22C55E;
    --negativo: #EF4444;
    --atencao: #F59E0B;
    --positivo-suave: rgb(34 197 94 / 0.14);
    --negativo-suave: rgb(239 68 68 / 0.14);
    --atencao-suave: rgb(245 158 11 / 0.14);
    --sombra: none;
    color-scheme: dark;
  }
}