/* =====================================================
   VARIABLES / DESIGN TOKENS - SISGCOE
   Fase 1: tokens globais sem alterar layout
   ===================================================== */

:root{
    --bg-page:#eef2f7;
    --bg-surface:#ffffff;
    --bg-surface-soft:#f8fafc;

    --text-main:#1f2937;
    --text-strong:#111827;
    --text-muted:#64748b;

    --border-soft:#dbe2ea;
    --border-light:rgba(0,0,0,.05);

    --primary:#2388ff;
    --primary-dark:#1565d8;

    --shadow-soft:0 3px 8px rgba(0,0,0,.05);
    --shadow-card:0 8px 18px rgba(15,23,42,.06);
}

body.dark-mode{
    --bg-page:#0f172a;
    --bg-surface:#111827;
    --bg-surface-soft:#1e293b;

    --text-main:#e5e7eb;
    --text-strong:#f8fafc;
    --text-muted:#cbd5e1;

    --border-soft:#334155;
    --border-light:rgba(255,255,255,.08);

    --primary:#3b82f6;
    --primary-dark:#1d4ed8;

    --shadow-soft:0 3px 8px rgba(0,0,0,.35);
    --shadow-card:0 8px 18px rgba(0,0,0,.35);
}