:root { --color-primary: #3FB68B; --color-secondary: #1E88C8; --color-accent: #F59E0B; --color-highlight: #7ED957; --color-bg-base: #F9FBFA; --color-surface-sunken: #EEF5F3; --color-border: #DCE5E2; --color-text-main: #1F2A2E; --color-text-muted: #58676b; --font-size-xs: clamp(0.69rem, calc(0.0008888888888888897 * (100vw - 22.5rem) + 0.69rem), 0.75rem); --font-size-small: clamp(0.81rem, calc(0.0010370370370370364 * (100vw - 22.5rem) + 0.81rem), 0.88rem); --font-size-body: clamp(0.94rem, calc(0.0008888888888888897 * (100vw - 22.5rem) + 0.94rem), 1rem); --font-size-h5: clamp(1.06rem, calc(0.0010370370370370347 * (100vw - 22.5rem) + 1.06rem), 1.13rem); --font-size-h4: clamp(1.31rem, calc(0.0010370370370370347 * (100vw - 22.5rem) + 1.31rem), 1.38rem); --font-size-h3: clamp(1.69rem, calc(0.0008888888888888897 * (100vw - 22.5rem) + 1.69rem), 1.75rem); --font-size-h2: clamp(2rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 2rem), 2.25rem); --font-size-h1: clamp(2.81rem, calc(0.002814814814814814 * (100vw - 22.5rem) + 2.81rem), 3rem); --space-xs: clamp(0.7rem, calc(0.0009259259259259267 * (100vw - 36rem) + 0.7rem), 0.8rem); --space-sm: clamp(1.5rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.5rem), 1.6rem); --space-md: clamp(2.3rem, calc(0.0009259259259259267 * (100vw - 36rem) + 2.3rem), 2.4rem); --space-lg: clamp(3.9rem, calc(0.0009259259259259267 * (100vw - 36rem) + 3.9rem), 4rem); --space-xl: clamp(6.3rem, calc(0.0009259259259259308 * (100vw - 36rem) + 6.3rem), 6.4rem);}