:root { --color-primary: #0056b3;
--color-primary-dark: #004494;
--color-primary-light: #2588ea; --color-secondary: #f39c12;
--color-secondary-dark: #d68910;
--color-secondary-light: #f5b041; --color-accent: #e74c3c;
--color-success: #27ae60;
--color-warning: #f39c12;
--color-danger: #e74c3c;
--color-info: #3498db; --color-bg-light: #ffffff;
--color-bg-dark: #1a1a2e;
--color-bg-darker: #0f0f1a;
--color-bg-muted: #f8f9fa;
--color-bg-card: rgba(255, 255, 255, 0.95); --color-text-heading: #1a1a2e;
--color-text-body: #333333;
--color-text-muted: #6c757d;
--color-text-light: #ffffff; --color-border: #e0e0e0;
--color-border-dark: #333333; --gradient-primary: linear-gradient(135deg, #0056b3 0%, #1a73e8 100%);
--gradient-secondary: linear-gradient(135deg, #f39c12 0%, #f5b041 100%);
--gradient-dark: linear-gradient(135deg, #1a1a2e 0%, #0f0f1a 100%);
--gradient-hero: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 100%); --font-heading: 'Oswald', sans-serif;
--font-body: 'Roboto', sans-serif;
--font-accent: 'Montserrat', 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; --line-height-tight: 1.25;
--line-height-normal: 1.5;
--line-height-relaxed: 1.75; --spacing-xs: 0.25rem; --spacing-sm: 0.5rem; --spacing-md: 1rem; --spacing-lg: 1.5rem; --spacing-xl: 2rem; --spacing-2xl: 3rem; --spacing-3xl: 4rem; --spacing-4xl: 6rem;  --radius-sm: 0.25rem; --radius-md: 0.5rem; --radius-lg: 1rem; --radius-xl: 1.5rem; --radius-full: 9999px; --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
--shadow-glow: 0 0 20px rgba(243, 156, 18, 0.4); --transition-fast: 150ms ease;
--transition-normal: 250ms ease;
--transition-slow: 350ms ease; --container-max: 1200px;
--container-padding: 1rem;
--header-height: 70px;
--topbar-height: 40px; --z-dropdown: 100;
--z-sticky: 200;
--z-fixed: 300;
--z-modal-backdrop: 400;
--z-modal: 500;
--z-popover: 600;
--z-tooltip: 700;
} [data-theme="dark"] {
--color-bg-light: #1a1a2e;
--color-bg-muted: #252538;
--color-bg-card: rgba(26, 26, 46, 0.95);
--color-text-heading: #ffffff;
--color-text-body: #cbd5e1;
--color-text-muted: #94a3b8;
--color-border: #334155;
}