/* ══════════════════════════════════════════════
   SHARED CSS VARIABLES - Evolve Platform
   ══════════════════════════════════════════════ */
:root {
    --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --bg-body: #f0f4f8;
    --bg-sidebar: #0f172a;
    --bg-sidebar-hover: rgba(255, 255, 255, 0.07);
    --bg-sidebar-active: rgba(255, 255, 255, 0.12);
    --bg-card: #ffffff;
    --bg-card-hover: #f8fafc;
    --bg-input: #f1f5f9;
    --border: rgba(15, 23, 42, 0.08);
    --border-hover: rgba(15, 23, 42, 0.18);
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-tertiary: #94a3b8;
    --text-sidebar: rgba(255, 255, 255, 0.7);
    --text-sidebar-active: #ffffff;
    --purple-50: #EEEDFE;
    --purple-100: #d8d5fc;
    --purple-500: #6B5DD3;
    --purple-600: #534AB7;
    --purple-700: #3F3692;
    --blue-50: #E6F1FB;
    --blue-100: #c2dcf5;
    --blue-500: #185493;
    --blue-600: #185493;
    --blue-700: #185493;
    --teal-50: #E1F5EE;
    --teal-100: #b4e8d5;
    --teal-500: #12A47C;
    --teal-600: #0F6E56;
    --teal-700: #095740;
    --amber-50: #FAEEDA;
    --amber-100: #f2d9a8;
    --amber-500: #C88E1B;
    --amber-600: #854F0B;
    --amber-700: #633806;
    --coral-50: #FAECE7;
    --coral-100: #f2cdc0;
    --coral-500: #D05A36;
    --coral-600: #993C1D;
    --coral-700: #7A2E15;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-2xl: 24px;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.08);
    --shadow-glow-purple: 0 12px 36px rgba(107, 93, 211, 0.2);
    --shadow-glow-blue: 0 12px 36px rgba(33, 118, 199, 0.2);
    --shadow-glow-teal: 0 12px 36px rgba(18, 164, 124, 0.2);
    --shadow-glow-amber: 0 12px 36px rgba(200, 142, 27, 0.2);
    --shadow-glow-coral: 0 12px 36px rgba(208, 90, 54, 0.2);
    --sidebar-w: 260px;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-body: #0b1120;
        --bg-card: #1e293b;
        --bg-card-hover: #253347;
        --bg-input: #162032;
        --border: rgba(255, 255, 255, 0.06);
        --border-hover: rgba(255, 255, 255, 0.14);
        --text-primary: #f1f5f9;
        --text-secondary: #94a3b8;
        --text-tertiary: #64748b;
        --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
        --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.25);
        --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.35);
        --purple-50: #1e1646;
        --purple-100: #2a1f5e;
        --blue-50: #0c2340;
        --blue-100: #143560;
        --teal-50: #052e1e;
        --teal-100: #0a4030;
        --amber-50: #2c1a04;
        --amber-100: #3d2508;
        --coral-50: #2c0f07;
        --coral-100: #3e170c;
    }
}