/* =====================================================================
   DESIGN TOKENS — Fonte Única de Verdade (SSOT) do Design System Sóbrio
   ---------------------------------------------------------------------
   Camada de apresentação apenas. Carregado globalmente via AppAsset
   (assets/AppAsset.php → $css). Não depende de build nem do Tailwind:
   são CSS custom properties puras, resolvidas pelo navegador.

   Regra de ouro: a estrutura é neutra; cor saturada só para ESTADO
   (Sucesso / Alerta / Erro / Informação). Sem gradiente decorativo.

   Consumo: componentes referenciam `var(--ds-*)`. Telas que ainda
   declaram tokens locais (ex.: fidelidade/validacao view.php) devem
   apontar seus tokens para estes, com fallback para o valor original
   (graceful degradation caso este arquivo não carregue).
   Ref.: docs/plano-implementacao-design-system.md (Fase 0).
   ===================================================================== */

:root {
    /* ── Neutros (estrutura, texto, superfícies) ───────────────────── */
    --ds-ink-900: #0f172a;   /* títulos, números */
    --ds-ink-600: #475569;   /* texto corrente */
    --ds-ink-400: #94a3b8;   /* texto auxiliar */
    --ds-surface: #ffffff;   /* cards / painéis */
    --ds-surface-sub: #f8fafc;
    --ds-surface-2: #f1f5f9; /* trilhos, chips neutros */
    --ds-border: #e2e8f0;    /* bordas hairline */
    --ds-border-strong: #cbd5e1;

    /* ── Marca (chrome/ação). Default institucional = índigo.
          Módulos podem sobrescrever localmente (ex.: Validação = teal). ── */
    --ds-brand: #4338ca;
    --ds-brand-soft: #eef2ff;
    --ds-brand-fidelidade: #6366f1;
    --ds-brand-fidelidade-strong: #4338ca;
    --ds-brand-validacao: #0d9488;
    --ds-brand-validacao-strong: #0f766e;

    /* ── Acento neutro (Inventário/escala — NÃO é estado) ──────────── */
    --ds-neutral-accent: #475569;
    --ds-neutral-soft: #f1f5f9;

    /* ── Semânticas de ESTADO (uso cirúrgico) ──────────────────────── */
    --ds-ok: #15803d;   --ds-ok-soft: #f0fdf4;   --ds-ok-border: #bbf7d0;
    --ds-warn: #b45309; --ds-warn-soft: #fffbeb; --ds-warn-border: #fde68a;
    --ds-err: #b91c1c;  --ds-err-soft: #fef2f2;  --ds-err-border: #fecaca;
    --ds-info: #1d4ed8; --ds-info-soft: #eff6ff; --ds-info-border: #bfdbfe;

    /* ── Taxonomia de severidade (7 níveis, escala única) ──────────── */
    --ds-sev-obs: #475569;     --ds-sev-obs-soft: #f8fafc;   --ds-sev-obs-border: #e2e8f0;
    --ds-sev-aviso: #0f766e;   --ds-sev-aviso-soft: #effcf9; --ds-sev-aviso-border: #99e5da;
    --ds-sev-alerta: #c2410c;  --ds-sev-alerta-soft: #fff7ed; --ds-sev-alerta-border: #fed7aa;
    --ds-sev-critico: #7f1d1d; --ds-sev-critico-soft: #fef2f2; --ds-sev-critico-border: #f5b5b5;

    /* ── Acentos por banda de conformidade (cards de qualidade) ────── */
    --ds-state-conforme: #059669; --ds-state-conforme-soft: #ecfdf5;
    --ds-state-ressalva: #2563eb; --ds-state-ressalva-soft: #eff6ff;
    --ds-state-atencao:  #d97706; --ds-state-atencao-soft:  #fffbeb;
    --ds-state-revisao:  #ea580c; --ds-state-revisao-soft:  #fff7ed;
    --ds-state-critico:  #dc2626; --ds-state-critico-soft:  #fef2f2;

    /* ── Sombra/hover sóbrios (sem "pulo" de landing page) ─────────── */
    --ds-shadow-card: 0 1px 2px rgba(15,23,42,.04), 0 2px 6px rgba(15,23,42,.05);
    --ds-shadow-hover: 0 4px 14px -6px rgba(15,23,42,.18);

    /* ── Raios e chevron canônico de accordion ─────────────────────── */
    --ds-radius-card: 1rem;
    --ds-radius-control: 0.5rem;
    --ds-chevron: #94a3b8; /* text-slate-400 — cor única do chevron de accordion */
}