:root{--color-onyx: #121212;--color-chartreuse: #ccff00;--color-blue: #0055ff;--color-parchment: #f0f0ec;--color-porcelain: #faf9f6;--color-bg-primary: var(--color-onyx);--color-bg-secondary: #1C1C1E;--color-text-primary: var(--color-porcelain);--color-text-secondary: rgba(240, 240, 236, .7);--color-accent-lime: var(--color-chartreuse);--color-accent-blue: var(--color-blue);--color-border: rgba(240, 240, 236, .1);--color-surface-hover: rgba(250, 249, 246, .05);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-circ: cubic-bezier(0, .55, .45, 1);--ease-in-out-smooth: cubic-bezier(.65, 0, .35, 1);--ease-elastic: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: .1s;--duration-fast: .3s;--duration-normal: .6s;--duration-slow: 1s;--duration-epic: 1.5s;--stagger-sm: 50ms;--stagger-md: .1s;--stagger-lg: .2s}