:root { --primary: #667eea;
--primary-dark: #5a6fd8;
--secondary: #764ba2;
--secondary-dark: #6a4190; --text-dark: #2c3e50;
--text-medium: #333;
--text-light: #555;
--text-muted: #666;
--text-lighter: #999; --bg-primary: #f8f9fa;
--bg-white: #fff;
--bg-light: #f9f9f9; --success: #27ae60;
--error: #e74c3c;
--warning: #f39c12;
--info: #3498db; --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
--gradient-dark: linear-gradient(135deg, var(--text-dark) 0%, #34495e 100%); --spacing-xs: 0.25rem; --spacing-sm: 0.5rem; --spacing-md: 1rem; --spacing-lg: 1.5rem; --spacing-xl: 2rem; --spacing-2xl: 3rem; --spacing-3xl: 4rem;  --radius-sm: 5px;
--radius-md: 10px;
--radius-lg: 15px;
--radius-xl: 20px;
--radius-2xl: 25px;
--radius-full: 50%; --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
--shadow-md: 0 4px 8px rgba(0,0,0,0.1);
--shadow-lg: 0 8px 16px rgba(0,0,0,0.1);
--shadow-xl: 0 12px 24px rgba(0,0,0,0.15);
--shadow-primary: 0 5px 15px rgba(102, 126, 234, 0.3); --transition-fast: 0.2s ease;
--transition-normal: 0.3s ease;
--transition-slow: 0.5s ease; --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-3xl: 1.875rem; --font-size-4xl: 2.25rem; --font-size-5xl: 3rem;  --container-max-width: 1200px;
--container-padding: 20px;
--grid-gap: 2rem; --z-dropdown: 1000;
--z-sticky: 1020;
--z-fixed: 1030;
--z-modal-backdrop: 1040;
--z-modal: 1050;
--z-popover: 1060;
--z-tooltip: 1070;
--z-toast: 1080;
} @media (prefers-color-scheme: dark) {
:root {
--text-dark: #e2e8f0;
--text-medium: #cbd5e0;
--text-light: #a0aec0;
--text-muted: #718096;
--text-lighter: #4a5568;
--bg-primary: #1a202c;
--bg-white: #2d3748;
--bg-light: #2d3748;
}
} @media (prefers-reduced-motion: reduce) {
:root {
--transition-fast: 0s;
--transition-normal: 0s;
--transition-slow: 0s;
}
}