/* Tokens do design system SafeStack — o ÚNICO arquivo com valores de cor soltos.
   Todo o resto usa var(--sf-*). */
:root {
  /* cor */
  --sf-cor-fundo: #f6f7f9;
  --sf-cor-superficie: #ffffff;
  --sf-cor-borda: #e3e6ea;
  --sf-cor-texto: #1c2024;
  --sf-cor-texto-suave: #6b7280;
  --sf-cor-marca: #0f766e;
  --sf-cor-marca-forte: #0b5d57;
  --sf-cor-ok: #15803d;
  --sf-cor-ok-fundo: #ecfdf5;
  --sf-cor-atencao: #b45309;
  --sf-cor-atencao-fundo: #fffbeb;
  --sf-cor-erro: #b91c1c;
  --sf-cor-erro-fundo: #fef2f2;
  --sf-cor-info: #1d4ed8;
  --sf-cor-info-fundo: #eff6ff;

  /* tipografia */
  --sf-fonte: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sf-fonte-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --sf-texto-xs: 0.75rem;
  --sf-texto-sm: 0.875rem;
  --sf-texto-md: 1rem;
  --sf-texto-lg: 1.25rem;
  --sf-texto-xl: 1.75rem;

  /* espaço e forma */
  --sf-esp-1: 0.25rem;
  --sf-esp-2: 0.5rem;
  --sf-esp-3: 0.75rem;
  --sf-esp-4: 1rem;
  --sf-esp-5: 1.5rem;
  --sf-esp-6: 2rem;
  --sf-raio: 10px;
  --sf-raio-pequeno: 6px;
  --sf-sombra: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);

  /* severidade (usadas pelos componentes de alerta) */
  --sf-sev-ok: var(--sf-cor-ok);
  --sf-sev-aviso: var(--sf-cor-atencao);
  --sf-sev-critico: var(--sf-cor-erro);
  --sf-sev-info: var(--sf-cor-info);
}