:root {
    --primary: #4A90E2;
    --primary-dark: #357ABD;
    --primary-light: #A8D4F2;
    --secondary: #6BC7B8;
    --secondary-light: #CFEDE6;
    --accent: #C9C4E3;
    --accent-dark: #a99ec4;
    --warning: #EDE3D9;
    --danger: #ef4444;
    --danger-dark: #b91c1c;
    --info: #3b82f6;
    --info-dark: #1d4ed8;
    --success: #10b981;
    --bg-main: #F7F5F2;
    --surface: #FFFFFF;
    --surface-alt: #F0F4F7;
    --text-main: #2F3A45;
    --text-muted: #6E7C87;
    --border: #E2E8F0;
    --border-light: #E2E8F0;
    --border-glass: rgba(226, 232, 240, 0.5);
    --sidebar-bg: #2F3A45;
    --sidebar-text: #A8D4F2;
    --sidebar-active: #ffffff;
    --sidebar-width: 256px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 24px;
    --radius-full: 9999px;
    --shadow-soft: 0 8px 20px rgba(0, 0, 0, 0.05);
    --shadow-premium: 0 12px 30px rgba(0, 0, 0, 0.08);
    --glass-blur: blur(12px);
    --container-max: 1200px;
    --input-bg: rgba(0, 0, 0, 0.03);
    --surface-border: #E2E8F0;
    --primary-hover: #357ABD;
    --error-bg: rgba(239, 68, 68, 0.08);
    --error-text: #dc2626;
    --error-border: #ef4444;
    --login-panel-bg: rgba(0, 0, 0, 0.55);
    --login-bg-mobile-start: #0a0a0f;
    --login-bg-mobile-end: #1a1a25;
}

[data-theme="dark"] {
    --bg-main: #0f172a;
    --surface: #1e293b;
    --surface-alt: #334155;
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --border: #334155;
    --border-light: #1e293b;
    --border-glass: rgba(51, 65, 85, 0.5);
    --sidebar-bg: #0f172a;
    --sidebar-text: #94a3b8;
    --sidebar-active: #ffffff;
    --shadow-soft: 0 8px 20px rgba(0, 0, 0, 0.3);
    --shadow-premium: 0 12px 30px rgba(0, 0, 0, 0.4);
    --secondary: #5bb5a6;
    --secondary-light: #2d5a52;
    --primary-light: #1e3a5f;
    --primary-dark: #2563eb;
    --accent: #a99ec4;
    --warning: #d4a853;
    --success: #059669;
    --info: #60a5fa;
    --danger: #f87171;
    --input-bg: rgba(15, 23, 42, 0.6);
    --surface-border: #334155;
    --primary-hover: #60a5fa;
    --error-bg: rgba(248, 113, 113, 0.1);
    --error-text: #fca5a5;
    --error-border: #f87171;
    --login-panel-bg: rgba(0, 0, 0, 0.4);
}