/* Design system compartilhado pelos portais do Gabriel.
   Tokens de cor/tipografia/espaço; modo claro e escuro automáticos. */
:root {
  --fonte: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fonte-mono: ui-monospace, "Cascadia Code", Consolas, monospace;

  --fundo: #f6f7f9;
  --superficie: #ffffff;
  --superficie-2: #f0f2f5;
  --borda: #e3e6eb;
  --texto: #14171c;
  --texto-2: #5b6472;
  --texto-3: #8a93a1;
  --marca: #2f5bea;
  --marca-suave: #e8eefd;
  --sucesso: #13824a;
  --sucesso-suave: #e3f4ea;
  --alerta: #b45309;
  --alerta-suave: #fdf1e2;
  --perigo: #c42b2b;
  --perigo-suave: #fbe9e9;

  --p1: #c42b2b; --p1-suave: #fbe9e9;
  --p2: #c2610c; --p2-suave: #fdefe2;
  --p3: #2f5bea; --p3-suave: #e8eefd;
  --p4: #6b7280; --p4-suave: #eef0f3;

  /* gráficos — paleta categórica validada p/ daltonismo (skill dataviz) e status fixos */
  --serie-1: #2a78d6;
  --serie-2: #eb6834;
  --grade: #eceef1;
  --status-bom: #0ca30c;
  --status-atencao: #fab219;
  --status-critico: #d03b3b;

  --raio: 12px;
  --raio-p: 8px;
  --sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
  --sombra-alta: 0 12px 32px rgba(16, 24, 40, .18);
  --esp-1: 4px; --esp-2: 8px; --esp-3: 12px; --esp-4: 16px; --esp-5: 24px; --esp-6: 32px;
  --toque: 44px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --fundo: #0f1115;
    --superficie: #171a20;
    --superficie-2: #1f232b;
    --borda: #2a2f38;
    --texto: #e8eaee;
    --texto-2: #a3abb8;
    --texto-3: #6f7886;
    --marca: #7b9bff;
    --marca-suave: #1d2745;
    --sucesso: #4cc38a; --sucesso-suave: #15291f;
    --alerta: #f0a44b; --alerta-suave: #2d2213;
    --perigo: #f07070; --perigo-suave: #321a1a;
    --p1: #f07070; --p1-suave: #321a1a;
    --p2: #f0a44b; --p2-suave: #2d2213;
    --p3: #7b9bff; --p3-suave: #1d2745;
    --p4: #9aa3b0; --p4-suave: #23272f;
    --serie-1: #3987e5;
    --serie-2: #d95926;
    --grade: #262a32;
    --sombra: 0 1px 2px rgba(0, 0, 0, .4);
    --sombra-alta: 0 12px 32px rgba(0, 0, 0, .5);
    color-scheme: dark;
  }
}