:root {--spacing-8: clamp(0.25rem, 0.178rem + 0.357vw, 0.5rem);--spacing-12: clamp(0.5rem, 0.428rem + 0.357vw, 0.75rem);--spacing-16: clamp(0.75rem, 0.678rem + 0.357vw, 1rem);--spacing-24: clamp(1rem, 0.857rem + 0.714vw, 1.5rem);--spacing-40: clamp(1.5rem, 1.214rem + 1.428vw, 2.5rem);--spacing-64: clamp(2.5rem, 2.071rem + 2.142vw, 4rem);--spacing-96: clamp(4rem, 3.428rem + 2.857vw, 6rem);--spacing-160: clamp(6rem, 4.857rem + 5.714vw, 10rem);--typo-xs: clamp(0.875rem, 0.839rem + 0.178vw, 1rem);--typo-s: clamp(1rem, 0.964rem + 0.178vw, 1.125rem);--typo-base: clamp(1rem, 0.928rem + 0.357vw, 1.25rem);--typo-l: clamp(1.125rem, 1.018rem + 0.535vw, 1.5rem);--typo-h6: clamp(1.125rem, 1.018rem + 0.535vw, 1.5rem);--typo-h5: clamp(1.375rem, 1.268rem + 0.535vw, 1.75rem);--typo-h4: clamp(1.625rem, 1.518rem + 0.535vw, 2rem);--typo-h3: clamp(1.875rem, 1.625rem + 1.25vw, 2.75rem);--typo-h2: clamp(2.25rem, 1.893rem + 1.785vw, 3.5rem);--typo-h1: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem);--wf-purple-bg: #7a46e5;--wf-yellow: #ffd630;--wf-text-light: #ffffff;--wf-text-dark: #1a1a1a;--wf-border-radius: 12px;--wf-transition-speed: 0.6s;--wf-gap: 25px;}