:root {--text: #3B3B3B;--primary: #4C4C4C;--secondary: #5E5E5E;--accent: #ABABAB;--black: #191919;--white: #FFFFFF;--light: #E9E9E9;--border: #D4D4D4;--muted: rgba(122, 122, 122, 0.81);--surface: rgba(231, 232, 233, 0.4);--overlay: rgba(0, 0, 0, 0.5);--text-m: 1.5rem;--text-2xs: 1.2rem;--text-xs: 1.3rem;--text-s: 1.4rem;--text-l: 1.8rem;--text-xl: 2.1rem;--text-2xl: 2.4rem;--text-3xl: 3.2rem;--text-4xl: 4rem;--text-5xl: clamp(3.75rem, 2.9rem + 2.7vw, 5.7rem);--tracking-button: 0.2rem;--tracking-logo: 0.4rem;--tracking-price: 0.3em;--space-m: 2rem;--space-2xs: 0.5rem;--space-xs: 1rem;--space-s: 1.5rem;--space-l: 3rem;--space-xl: 4rem;--space-2xl: clamp(4rem, 3.3rem + 1.8vw, 6rem);--space-3xl: clamp(6rem, 4.6rem + 3.6vw, 10rem);--radius-s: 0.3rem;--radius-l: 2rem;--radius-pill: 9999px;--container-width: 124rem;--text-logo: 2rem;--text-ui: 1.6rem;--subtle: #BCBCBC;--mid: #7A7A7A;--off-white: #F7F7F7;--shadow: rgba(0, 0, 0, 0.1);--slate: #637381;--slate-faint: rgba(99, 115, 129, 0.5);--overlay-grid: rgba(84, 89, 95, 0.81);--overlay-card-top: rgba(0, 0, 0, 0.35);--overlay-card-bottom: rgba(0, 0, 0, 0.7);--white-85: rgba(255, 255, 255, 0.85);--space-card: 25rem;}