:root { --color-primary: #68C93F; --color-accent: #8FE85B; --surface-dark: #081D3E; --surface-page: #FFFFFF; --surface-light: #F5F9FF; --surface-card: #FFFFFF; --text-primary: #10233F; --text-secondary: #60718A; --text-tertiary: #94A3B8; --text-on-primary: #081D3E; --text-on-dark: #FFFFFF; --border-default: #DDE8F3; --border-subtle: #F1F5F9; --color-success: #10B981; --color-warning: #F59E0B; --color-info: #3B82F6; --color-primary-l-1: #79cf54; --color-primary-l-2: #8ad56a; --color-primary-l-3: #9adb7f; --color-primary-l-4: #abe194; --color-primary-l-5: #bce7aa; --color-primary-l-6: #cdedbf; --color-primary-l-7: #ddf3d4; --color-primary-l-8: #eef9ea; --color-primary-d-1: #5cb338; --color-primary-d-2: #519c31; --color-primary-d-3: #45862a; --color-primary-d-4: #3a7023; --color-primary-d-5: #2e591c; --color-primary-d-6: #234315; --color-primary-d-7: #172d0e; --color-primary-d-8: #0c1607; --color-accent-d-1: #7fce51; --color-accent-d-2: #6fb447; --color-accent-d-3: #5f9b3d; --color-accent-d-4: #4f8133; --color-accent-d-5: #406728; --color-accent-d-6: #304d1e; --color-accent-d-7: #203414; --color-accent-d-8: #101a0a; --color-accent-l-1: #9beb6d; --color-accent-l-2: #a8ed7f; --color-accent-l-3: #b4f092; --color-accent-l-4: #c1f2a4; --color-accent-l-5: #cdf5b6; --color-accent-l-6: #daf7c8; --color-accent-l-7: #e6fadb; --color-accent-l-8: #f3fced; --surface-dark-l-1: #233653; --surface-dark-l-2: #3f4f69; --surface-dark-l-3: #5a687e; --surface-dark-l-4: #768194; --surface-dark-l-5: #919ba9; --surface-dark-l-6: #adb4bf; --surface-dark-l-7: #c8cdd4; --surface-dark-l-8: #e4e6ea; --surface-dark-d-1: #071a37; --surface-dark-d-2: #061730; --surface-dark-d-3: #051329; --surface-dark-d-4: #041022; --surface-dark-d-5: #040d1c; --surface-dark-d-6: #030a15; --surface-dark-d-7: #02060e; --surface-dark-d-8: #010307; --color-accent-t-1: hsla(98, 75%, 63%, 0.08); --color-accent-t-2: hsla(98, 75%, 63%, 0.16); --color-accent-t-3: hsla(98, 75%, 63%, 0.28); --color-accent-t-4: hsla(98, 75%, 63%, 0.44); --surface-dark-t-1: hsla(217, 77%, 14%, 0.08); --surface-dark-t-2: hsla(217, 77%, 14%, 0.16); --surface-dark-t-3: hsla(217, 77%, 14%, 0.28); --surface-dark-t-4: hsla(217, 77%, 14%, 0.44); --color-primary-t-1: hsla(102, 56%, 52%, 0.08); --color-primary-t-2: hsla(102, 56%, 52%, 0.16); --color-primary-t-3: hsla(102, 56%, 52%, 0.28); --color-primary-t-4: hsla(102, 56%, 52%, 0.44); --h-4: clamp(1.6rem, calc(0.0012037037037037027 * (100vw - 36rem) + 1.6rem), 1.73rem); --h-3: clamp(2rem, calc(0.005555555555555557 * (100vw - 36rem) + 2rem), 2.6rem); --h-2: clamp(2.5rem, calc(0.012962962962962963 * (100vw - 36rem) + 2.5rem), 3.9rem); --h-1: clamp(3.13rem, calc(0.025185185185185182 * (100vw - 36rem) + 3.13rem), 5.85rem); --text-xs: clamp(1.26rem, calc(0.0014814814814814808 * (100vw - 36rem) + 1.26rem), 1.42rem); --text-s: clamp(1.42rem, calc(0.001666666666666668 * (100vw - 36rem) + 1.42rem), 1.6rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.8rem), 2.02rem); --text-xl: clamp(2.02rem, calc(0.0024074074074074054 * (100vw - 36rem) + 2.02rem), 2.28rem); --space-2xs: clamp(0.82rem, calc(0.000185185185185185 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.001018518518518517 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.006203703703703703 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.009722222222222221 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --section-xs: clamp(4rem, calc(0.018518518518518517 * (100vw - 36rem) + 4rem), 6rem); --section-s: clamp(5rem, calc(0.027777777777777776 * (100vw - 36rem) + 5rem), 8rem); --section-m: clamp(6rem, calc(0.046296296296296294 * (100vw - 36rem) + 6rem), 11rem); --section-l: clamp(8rem, calc(0.055555555555555552 * (100vw - 36rem) + 8rem), 14rem); --section-xl: clamp(10rem, calc(0.074074074074074070 * (100vw - 36rem) + 10rem), 18rem); --gap-xs: clamp(1.2rem, calc(0.005555555555555557 * (100vw - 36rem) + 1.2rem), 1.8rem); --gap-s: clamp(1.6rem, calc(0.007407407407407406 * (100vw - 36rem) + 1.6rem), 2.4rem); --gap-m: clamp(2.4rem, calc(0.022222222222222223 * (100vw - 36rem) + 2.4rem), 4.8rem); --gap-l: clamp(3.2rem, calc(0.037037037037037035 * (100vw - 36rem) + 3.2rem), 7.2rem); --gap-xl: clamp(4.8rem, calc(0.044444444444444446 * (100vw - 36rem) + 4.8rem), 9.6rem);}