:root{--primary-main: #667eea;--primary-light: #8ba3f0;--primary-dark: #4f63d2;--secondary-main: #764ba2;--secondary-light: #9a73c2;--secondary-dark: #553580;--background-default: #f8fafc;--background-paper: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--spacing-unit: 8px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-standard: .2s ease}[data-theme=dark]{--primary-main: #8ba3f0;--primary-light: #a9bcf5;--primary-dark: #4f63d2;--secondary-main: #9a73c2;--secondary-light: #b79bd3;--secondary-dark: #6b4e8c;--background-default: #121212;--background-paper: #1e1e1e;--text-primary: #f8fafc;--text-secondary: #a1a1aa;--shadow-sm: 0 1px 2px 0 rgba(255, 255, 255, .05);--shadow-md: 0 4px 6px -1px rgba(255, 255, 255, .07), 0 2px 4px -1px rgba(255, 255, 255, .03);--shadow-lg: 0 10px 15px -3px rgba(255, 255, 255, .07), 0 4px 6px -2px rgba(255, 255, 255, .03)}