:root {--space-sm: clamp(0.75rem, 1.5vw, 1rem);--space-xs: clamp(0.5rem, 1vw, 0.75rem);--space-md: clamp(1rem, 2vw, 1.5rem);--space-lg: clamp(1.5rem, 3vw, 2.5rem);--space-xl: clamp(2rem, 4vw, 4rem);--space-2xl: clamp(3rem, 6vw, 6rem);--space-3xl: clamp(4rem, 8vw, 8rem);--text-sm: clamp(0.875rem, 1.2vw, 1rem);--text-base: clamp(1.0625rem, 1.5vw, 1.125rem);--text-xl: clamp(1.5rem, 2.2vw, 1.75rem);--text-2xl: clamp(1.75rem, 3vw, 2rem);--text-3xl: clamp(2rem, 4vw, 2.5rem);--text-4xl: clamp(2.5rem, 6vw, 4rem);--text-5xl: clamp(3.5rem, 8vw, 5.5rem);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3), 0 8px 15px rgba(0, 0, 0, 0.4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5), 0 20px 40px rgba(0, 0, 0, 0.6);--shadow-glow: 0 0 20px rgba(191, 12, 92, 0.2),  0 10px 30px rgba(0, 0, 0, 0.5);--shadow-glow-hover: 0 0 30px rgba(191, 12, 92, 0.4), 0 15px 40px rgba(0, 0, 0, 0.6);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--duration-fast: 150ms;--duration-normal: 300ms;--duration-slow: 500ms;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--z-sticky: 500;--z-overlay: 900;--z-dropdown: 100;--z-modal: 1000;--ease-out: cubic-bezier(0.23, 1, 0.32, 1);--radius-sm: 4px;--z-base: 1;--primary-color-alt: #2D1833;--primary-color: #44244D;--secondary-color: #BF0C5C;--accent-color: #EA7AB9;--accent-color-alt: #44244D4D;--bg-primary: #0a0a0c;--bg-secondary: #0f0f14;--bg-tertiary: #191620;--text-dark: #1a1a24;--text-light: #f8f6f8;--text-muted: #a69ba9;}