:root {
    color-scheme: light;
    /* COLORS */
    --primary-color: #2563eb;
    --primary-hover: #1d4ed8;
    --primary-light: rgba(37, 99, 235, 0.15);
    --secondary-color: #0f172a;
    --background-color: #f1f5f9;
    --background-gradient: linear-gradient(135deg, #e2e8f0 0%, #f8fafc 50%, #e0e7ff 100%);
    --card-color: #ffffff;
    --text-color: #111827;
    --text-muted: #64748b;
    --text-light: #94a3b8;
    --sidebar-color: #111827;
    --sidebar-text: #ffffff;
    --sidebar-hover: rgba(255, 255, 255, 0.08);
    --sidebar-active: rgba(37, 99, 235, 0.25);
    --sidebar-divider: rgba(255, 255, 255, 0.08);
    --border-color: #d1d5db;
    --input-bg: rgba(255, 255, 255, 0.7);
    --overlay-bg: rgba(0, 0, 0, 0.5);
    --btn-primary-text: #ffffff;
    --success-color: #16a34a;
    --success-bg: rgba(22, 163, 74, 0.12);
    --success-border: rgba(22, 163, 74, 0.3);
    --error-color: #dc2626;
    --error-bg: rgba(220, 38, 38, 0.12);
    --error-border: rgba(220, 38, 38, 0.3);
    --warning-color: #d97706;
    --warning-bg: rgba(217, 119, 6, 0.12);
    --warning-border: rgba(217, 119, 6, 0.3);
    --info-color: #2563eb;
    --info-bg: rgba(37, 99, 235, 0.12);
    --info-border: rgba(37, 99, 235, 0.35);
    --shift-completed-color: #15803d;
    --shift-completed-bg: rgba(22, 163, 74, 0.16);
    --shift-completed-border: rgba(22, 163, 74, 0.4);
    --shift-upcoming-color: #1d4ed8;
    --shift-upcoming-bg: rgba(37, 99, 235, 0.14);
    --shift-upcoming-border: rgba(37, 99, 235, 0.38);
    --shift-noshow-color: #b91c1c;
    --shift-noshow-bg: rgba(220, 38, 38, 0.14);
    --shift-noshow-border: rgba(220, 38, 38, 0.42);

    /* GLASSMORPHISM */
    --glass-bg: rgba(255, 255, 255, 0.65);
    --glass-border: rgba(255, 255, 255, 0.45);
    --glass-shadow: 0 8px 32px rgba(15, 23, 42, 0.08);
    --glass-blur: 12px;

    /* TYPOGRAPHY */
    --font-family: 'Poppins', sans-serif;
    --font-small: 14px;
    --font-medium: 16px;
    --font-large: 20px;
    --font-title: 28px;
    --font-title-mobile: 22px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height: 1.6;
    --touch-target: 44px;

    /* SPACING */
    --padding-small: 10px;
    --padding-medium: 20px;
    --padding-large: 30px;
    --gap-small: 8px;
    --gap-medium: 16px;
    --gap-large: 24px;

    /* LAYOUT */
    --sidebar-width: 260px;
    --header-height: 64px;
    --max-content-width: 960px;
    --container-padding: var(--padding-medium);

    /* BORDER */
    --border-radius: 12px;
    --border-radius-sm: 8px;
    --border-radius-lg: 16px;
    --border-width: 1px;
    --btn-radius: var(--border-radius-sm);

    /* SHADOW */
    --box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    --box-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);
    --focus-ring: 0 0 0 3px var(--primary-light);

    /* Z-INDEX */
    --z-index-header: 50;
    --z-index-overlay: 99;
    --z-index-sidebar: 100;

    /* TRANSITIONS */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
}

[data-theme="dark"] {
    color-scheme: dark;
    --primary-light: rgba(37, 99, 235, 0.25);
    --background-color: #0f172a;
    --background-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #172554 100%);
    --card-color: #1e293b;
    --text-color: #f1f5f9;
    --text-muted: #94a3b8;
    --text-light: #64748b;
    --border-color: #334155;
    --input-bg: rgba(30, 41, 59, 0.8);
    --glass-bg: rgba(30, 41, 59, 0.75);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    --box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    --box-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.4);
    --success-bg: rgba(22, 163, 74, 0.18);
    --success-border: rgba(22, 163, 74, 0.4);
    --error-bg: rgba(220, 38, 38, 0.18);
    --error-border: rgba(220, 38, 38, 0.4);
    --warning-bg: rgba(217, 119, 6, 0.18);
    --warning-border: rgba(217, 119, 6, 0.4);
    --info-color: #93c5fd;
    --info-bg: rgba(59, 130, 246, 0.22);
    --info-border: rgba(96, 165, 250, 0.45);
    --shift-completed-color: #4ade80;
    --shift-completed-bg: rgba(34, 197, 94, 0.22);
    --shift-completed-border: rgba(74, 222, 128, 0.45);
    --shift-upcoming-color: #7dd3fc;
    --shift-upcoming-bg: rgba(56, 189, 248, 0.2);
    --shift-upcoming-border: rgba(125, 211, 252, 0.45);
    --shift-noshow-color: #fca5a5;
    --shift-noshow-bg: rgba(239, 68, 68, 0.24);
    --shift-noshow-border: rgba(248, 113, 113, 0.5);
    --overlay-bg: rgba(0, 0, 0, 0.65);
}