/* ============================================================
   EduDesk Design System — Variables
   Style: Eginary-inspired education theme
   ============================================================ */
:root {
    --cole-font-family: 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --cole-font-mono: 'SF Mono', 'JetBrains Mono', 'Fira Code', monospace;
    --cole-font-size-xs: 0.6875rem;
    --cole-font-size-sm: 0.8125rem;
    --cole-font-size-base: 0.9375rem;
    --cole-font-size-lg: 1.0625rem;
    --cole-font-size-xl: 1.25rem;
    --cole-font-size-2xl: 1.5rem;
    --cole-font-size-3xl: 1.875rem;
    --cole-font-size-4xl: 2.25rem;
    --cole-font-weight-normal: 400;
    --cole-font-weight-medium: 500;
    --cole-font-weight-semibold: 600;
    --cole-font-weight-bold: 700;
    --cole-line-height: 1.55;
    --cole-primary: #E8A317;
    --cole-primary-light: #F5C542;
    --cole-primary-dark: #CC8F0E;
    --cole-secondary: #6644e3;
    --cole-secondary-light: #9b85f0;
    --cole-secondary-dark: #4a2dc7;
    --cole-accent: #F59E0B;
    --cole-accent-light: #FCD34D;
    --cole-accent-dark: #D97706;
    --cole-success: #22C55E;
    --cole-success-light: #BBF7D0;
    --cole-warning: #F59E0B;
    --cole-warning-light: #FEF3C7;
    --cole-error: #EF4444;
    --cole-error-light: #FECACA;
    --cole-info: #3B82F6;
    --cole-info-light: #DBEAFE;
    --cole-bg-body: #f7f7ff;
    --cole-bg-desktop: #eeeefc;
    --cole-bg-surface: #FFFFFF;
    --cole-bg-surface-hover: #f0f0ff;
    --cole-bg-elevated: #FFFFFF;
    --cole-bg-taskbar: rgba(255,255,255,0.72);
    --cole-bg-window: #FFFFFF;
    --cole-bg-window-header: #f7f7ff;
    --cole-bg-input: #FFFFFF;
    --cole-bg-sidebar: #f7f7ff;
    --cole-text-primary: #1D1D1F;
    --cole-text-secondary: #6E6E73;
    --cole-text-muted: #AEAEB2;
    --cole-text-inverse: #FFFFFF;
    --cole-text-link: #CC8F0E;
    --cole-border: rgba(0,0,0,0.06);
    --cole-border-strong: rgba(0,0,0,0.12);
    --cole-border-focus: #E8A317;
    --cole-shadow-sm: 0 1px 2px rgba(0,0,0,0.04), 0 1px 1px rgba(0,0,0,0.02);
    --cole-shadow-md: 0 6px 38px rgba(238,238,252,1);
    --cole-shadow-lg: 0 8px 38px rgba(238,238,252,0.8);
    --cole-shadow-xl: 0 16px 48px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.05);
    --cole-shadow-window: 0 12px 40px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06);
    --cole-shadow-taskbar: 0 -1px 12px rgba(0,0,0,0.06);
    --cole-radius-sm: 6px;
    --cole-radius-md: 8px;
    --cole-radius-lg: 16px;
    --cole-radius-xl: 24px;
    --cole-radius-full: 9999px;
    --cole-space-xs: 4px;
    --cole-space-sm: 8px;
    --cole-space-md: 16px;
    --cole-space-lg: 24px;
    --cole-space-xl: 32px;
    --cole-space-2xl: 48px;
    --cole-space-3xl: 64px;
    --cole-transition-fast: 150ms cubic-bezier(0.25,0.1,0.25,1);
    --cole-transition-normal: 500ms ease-in-out;
    --cole-transition-slow: 400ms cubic-bezier(0.25,0.1,0.25,1);
    --cole-z-desktop: 1;
    --cole-z-window: 100;
    --cole-z-window-active: 200;
    --cole-z-taskbar: 500;
    --cole-z-dropdown: 600;
    --cole-z-modal: 700;
    --cole-z-notification: 800;
    --cole-z-tooltip: 900;
    --cole-taskbar-height: 52px;
    --cole-icon-size: 64px;
    --cole-icon-size-sm: 48px;
    --cole-window-min-width: 320px;
    --cole-window-min-height: 240px;
    --cole-window-header-height: 40px;
}

[data-theme="dark"] {
    --cole-bg-body: #0b1929;
    --cole-bg-desktop: #0f2035;
    --cole-bg-surface: #162a42;
    --cole-bg-surface-hover: #1e3652;
    --cole-bg-elevated: #1e3652;
    --cole-bg-taskbar: rgba(44,44,46,0.72);
    --cole-bg-taskbar-btn: rgba(44,44,46,0.85);
    --cole-bg-window: #162a42;
    --cole-bg-window-header: #0f2035;
    --cole-bg-input: #1C1C1E;
    --cole-bg-sidebar: #1C1C1E;
    --cole-text-primary: #F5F5F7;
    --cole-text-secondary: #AEAEB2;
    --cole-text-muted: #636366;
    --cole-text-link: #818CF8;
    --cole-border: rgba(255,255,255,0.08);
    --cole-border-strong: rgba(255,255,255,0.15);
    --cole-shadow-sm: 0 1px 2px rgba(0,0,0,0.2);
    --cole-shadow-md: 0 2px 8px rgba(0,0,0,0.3);
    --cole-shadow-lg: 0 8px 24px rgba(0,0,0,0.4);
    --cole-shadow-xl: 0 16px 48px rgba(0,0,0,0.5);
    --cole-shadow-window: 0 12px 40px rgba(0,0,0,0.5);
}

[data-contrast="high"] {
    --cole-text-primary: #000;
    --cole-text-secondary: #333;
    --cole-border: rgba(0,0,0,0.2);
    --cole-border-strong: rgba(0,0,0,0.4);
}
[data-theme="dark"][data-contrast="high"] {
    --cole-text-primary: #FFF;
    --cole-text-secondary: #E5E5EA;
    --cole-border: rgba(255,255,255,0.3);
}

[data-dyslexia="true"] {
    --cole-font-family: 'OpenDyslexic', 'Comic Sans MS', sans-serif;
}

[data-font-size="large"] {
    --cole-font-size-xs: 0.8125rem; --cole-font-size-sm: 0.9375rem;
    --cole-font-size-base: 1.0625rem; --cole-font-size-lg: 1.1875rem; --cole-font-size-xl: 1.375rem;
}
[data-font-size="extra-large"] {
    --cole-font-size-xs: 0.9375rem; --cole-font-size-sm: 1.0625rem;
    --cole-font-size-base: 1.1875rem; --cole-font-size-lg: 1.3125rem; --cole-font-size-xl: 1.5rem;
}