:root { --color-primary: #0C3D8C; --color-accent: #19B7A5; --surface-dark: #081D3E; --surface-page: #FFFFFF; --surface-light: #F6FBFC; --surface-card: #FFFFFF; --text-primary: #10233F; --text-secondary: #60718A; --text-tertiary: #94A3B8; --text-on-primary: #081D3E; --text-on-dark: #FFFFFF; --border-default: #D9E6EE; --border-subtle: #F1F5F9; --color-success: #10B981; --color-warning: #F59E0B; --color-info: #3B82F6; --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; --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-l-1: #275399; --color-primary-l-2: #4268a6; --color-primary-l-3: #5d7eb2; --color-primary-l-4: #7893bf; --color-primary-l-5: #93a9cc; --color-primary-l-6: #aebed9; --color-primary-l-7: #c9d4e5; --color-primary-l-8: #e4e9f2; --color-primary-d-1: #0b367c; --color-primary-d-2: #092f6d; --color-primary-d-3: #08295d; --color-primary-d-4: #07224e; --color-primary-d-5: #051b3e; --color-primary-d-6: #04142f; --color-primary-d-7: #030e1f; --color-primary-d-8: #010710; --color-primary-t-1: hsla(217, 84%, 30%, 0.2); --color-primary-t-2: hsla(217, 84%, 30%, 0.4); --color-primary-t-3: hsla(217, 84%, 30%, 0.6); --color-primary-t-4: hsla(217, 84%, 30%, 0.8); --color-accent-l-1: #33bfaf; --color-accent-l-2: #4cc7b9; --color-accent-l-3: #66cfc3; --color-accent-l-4: #7fd7cd; --color-accent-l-5: #99dfd7; --color-accent-l-6: #b2e7e1; --color-accent-l-7: #ccefeb; --color-accent-l-8: #e5f7f5; --color-accent-d-1: #16a393; --color-accent-d-2: #138e80; --color-accent-d-3: #117a6e; --color-accent-d-4: #0e665c; --color-accent-d-5: #0b5149; --color-accent-d-6: #083d37; --color-accent-d-7: #062925; --color-accent-d-8: #031412; --color-accent-t-1: hsla(173, 76%, 41%, 0.2); --color-accent-t-2: hsla(173, 76%, 41%, 0.4); --color-accent-t-3: hsla(173, 76%, 41%, 0.6); --color-accent-t-4: hsla(173, 76%, 41%, 0.8); --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);}