:root {
    /* Corporate PPM surfaces */
    --bg-page: #F5F7FA;
    --bg-white: #FFFFFF;
    --bg-subtle: #F9FAFB;
    --bg-muted: #E5E7EB;
    --bg-hover: #F3F4F6;

    /* KPM & PPM Identity - Corporate Blue and Gold */
    --kpm-navy: #1B365D;
    --kpm-blue: #2563EB;
    --kpm-royal: #1E40AF;
    --kpm-gold: #FACC15;
    --kpm-gold-deep: #B45309;
    --gold: #F59E0B;

    /* Functional corporate colors */
    --green: #059669;
    --green-dark: #047857;
    --green-bg: rgba(5, 150, 105, 0.1);
    --green-border: rgba(5, 150, 105, 0.25);

    --amber: #F59E0B;
    --amber-dark: #D97706;
    --amber-bg: rgba(245, 158, 11, 0.1);
    --amber-border: rgba(245, 158, 11, 0.25);

    --red: #DC2626;
    --red-dark: #B91C1C;
    --red-bg: rgba(220, 38, 38, 0.1);
    --red-border: rgba(220, 38, 38, 0.2);

    --sky: #2563EB;
    --sky-dark: #1D4ED8;
    --sky-bg: rgba(37, 99, 235, 0.1);
    --sky-border: rgba(37, 99, 235, 0.2);

    --violet: #1B365D;
    --violet-dark: #0F172A;
    --violet-bg: rgba(27, 54, 93, 0.1);
    --violet-border: rgba(27, 54, 93, 0.2);

    --rose: #DC2626;
    --rose-dark: #B91C1C;
    --rose-bg: rgba(220, 38, 38, 0.1);
    --rose-border: rgba(220, 38, 38, 0.2);

    --teal: #0D9488;
    --teal-dark: #0F766E;
    --teal-bg: rgba(13, 148, 136, 0.1);
    --teal-border: rgba(13, 148, 136, 0.2);

    --orange: #EA580C;
    --orange-bg: rgba(234, 88, 12, 0.1);
    --gold-bg: rgba(245, 158, 11, 0.1);
    --gold-border: rgba(245, 158, 11, 0.25);

    /* Corporate Text */
    --text-dark: #111827;
    --text-primary: #1F2937;
    --text-secondary: #4B5563;
    --text-muted: #6B7280;
    --text-faint: #9CA3AF;

    /* Strict structure */
    --border: #D1D5DB;
    --border-light: #E5E7EB;
    --r-lg: 16px;
    --r-md: 12px;
    --r-sm: 8px;

    /* Standard shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-color: 0 4px 14px rgba(59, 130, 246, 0.12);

    --blue-bg: rgba(37, 99, 235, 0.1);
    --blue-border: rgba(37, 99, 235, 0.2);

    /* Legacy aliases used in Dashboard content */
    --navy: #0C1B3A;
    --navy-mid: #1746A2;
    --royal: #2563EB;
    --text-pri: #1E293B;
    --text-sec: #475569;
    --white: #FFFFFF;
    --subtle: #F7F8FC;
    --muted: #ECEEF5;
}

body.dark-mode {
    /* Corporate PPM surfaces - Dark Mode */
    --bg-page: #13151a;
    --bg-white: #1c1f28;
    --bg-subtle: #252833;
    --bg-muted: #2d3348;
    --bg-hover: #2b3040;

    /* Text - Dark Mode */
    --text-dark: #e8edf7;
    --text-primary: #d1d5db;
    --text-secondary: #9ca3af;
    --text-muted: #8b92a5;
    --text-faint: #6b7280;

    /* Borders & Structural - Dark Mode */
    --border: #2d3348;
    --border-light: #374151;

    /* Adjust legacy aliases for dark mode to match above */
    --navy: #e8edf7;
    --navy-mid: #9db2e5;
    --text-pri: #e8edf7;
    --text-sec: #9ca3af;
    --white: #1c1f28;
    --subtle: #252833;
    --muted: #2d3348;
}