/* ===========================
   Pro 990 — Design Tokens
   Single source of truth for all CSS variables.
   =========================== */

:root {
    /* Brand */
    --brand-1: #0d6efd;
    --brand-2: #084298;

    /* Text */
    --text: #0a2540;
    --muted: #6b7280;

    /* Surfaces & Borders */
    --line: #e5e7eb;
    --soft: #f8fafc;
    --surface: #ffffff;

    /* Status Colors */
    --success: #10b981;
    --success-hover: #059669;
    --warning: #f59e0b;
    --danger: #ef4444;

    /* Shadows & Radius */
    --radius: 14px;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.08);

    /* Nav/Footer */
    --nav-bg: #1E2431;
    --nav-text: #ffffff;
    --nav-muted: rgba(255, 255, 255, 0.78);
    --nav-hover: rgba(255, 255, 255, 0.10);
    --nav-divider: rgba(255, 255, 255, 0.18);
}