: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; --color-primary-l-1: #50bd96; --color-primary-l-2: #62c3a0; --color-primary-l-3: #73caab; --color-primary-l-4: #85d1b5; --color-primary-l-5: #96d7c0; --color-primary-l-6: #a8deca; --color-primary-l-7: #b9e4d5; --color-primary-l-8: #cbebdf; --color-primary-l-9: #dcf2ea; --color-primary-l-10: #eef8f4; --color-primary-d-1: #39a57e; --color-primary-d-2: #349572; --color-primary-d-3: #2e8465; --color-primary-d-4: #287458; --color-primary-d-5: #22634c; --color-primary-d-6: #1d533f; --color-primary-d-7: #174233; --color-primary-d-8: #113226; --color-primary-d-9: #0b2119; --color-primary-d-10: #06110d; --color-secondary-l-1: #3293cd; --color-secondary-l-2: #479ed2; --color-secondary-l-3: #5ba8d7; --color-secondary-l-4: #70b3dc; --color-secondary-l-5: #84bee1; --color-secondary-l-6: #99c9e6; --color-secondary-l-7: #add4eb; --color-secondary-l-8: #c2dff0; --color-secondary-l-9: #d6e9f5; --color-secondary-l-10: #ebf4fa; --color-accent-l-1: #f6a721; --color-accent-l-2: #f7b037; --color-accent-l-3: #f8b84e; --color-accent-l-4: #f9c164; --color-accent-l-5: #faca7a; --color-accent-l-6: #fad390; --color-accent-l-7: #fbdca6; --color-accent-l-8: #fce5bc; --color-accent-l-9: #fdedd3; --color-accent-l-10: #fef6e9; --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);}