:root {
    --primary: #4F46E5;
    --primary-dark: #3730A3;
    --primary-light: #EEF2FF;
    --success: #10B981;
    --danger: #EF4444;
    --warning: #F59E0B;
    --info: #3B82F6;

    --bg: #F1F5FF;
    --surface: #FFFFFF;
    --surface2: #F8FAFF;
    --border: #E2E8F0;
    --text: #1E293B;
    --text-muted: #64748B;

    --nav-bg: #FFFFFF;
    --nav-text: #64748B;
    --nav-active: #4F46E5;

    --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
    --shadow: 0 4px 16px rgba(79,70,229,.10);
    --shadow-lg: 0 8px 32px rgba(79,70,229,.15);

    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 18px;
    --radius-full: 9999px;

    --font: 'Inter', system-ui, sans-serif;
    --transition: 0.2s ease;
}

[data-theme="dark"] {
    --bg: #0F172A;
    --surface: #1E293B;
    --surface2: #162032;
    --border: #334155;
    --text: #F1F5F9;
    --text-muted: #94A3B8;
    --nav-bg: #1E293B;
    --nav-text: #94A3B8;
    --nav-active: #818CF8;
    --primary-light: #1E1B4B;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.3);
    --shadow: 0 4px 16px rgba(0,0,0,.3);
    --shadow-lg: 0 8px 32px rgba(0,0,0,.4);
}