:root { --primary: #026fd7; --secondary: #009a7b; --accent: #ef8600; --on-primary: #fcfcfc; --primary-l-1: #2c87de; --primary-l-2: #569fe4; --primary-l-3: #81b7eb; --primary-l-4: #abcff2; --primary-l-5: #d5e7f8; --primary-t-1: hsl(209.295775 98.156682% 42.54902% / 0.16666666666666669); --primary-t-2: hsl(209.295775 98.156682% 42.54902% / 0.33333333333333337); --primary-t-3: hsl(209.295775 98.156682% 42.54902% / 0.5); --primary-t-4: hsl(209.295775 98.156682% 42.54902% / 0.6666666666666667); --primary-t-5: hsl(209.295775 98.156682% 42.54902% / 0.8333333333333335); --primary-d-1: #025db3; --primary-d-2: #014a8f; --primary-d-3: #01386c; --primary-d-4: #012548; --primary-d-5: #001324; --secondary-l-1: #33ae95; --secondary-l-2: #66c2b0; --secondary-l-3: #99d7ca; --secondary-l-4: #ccebe5; --secondary-d-1: #007b62; --secondary-d-2: #005c4a; --secondary-d-3: #003e31; --secondary-d-4: #001f19; --secondary-t-1: hsl(167.922078 100% 30.196078% / 0.2); --secondary-t-2: hsl(167.922078 100% 30.196078% / 0.4); --secondary-t-3: hsl(167.922078 100% 30.196078% / 0.6); --secondary-t-4: hsl(167.922078 100% 30.196078% / 0.8); --accent-l-1: #f3a440; --accent-l-2: #f7c380; --accent-l-3: #fbe1bf; --accent-d-1: #b36500; --accent-d-2: #784300; --accent-d-3: #3c2200; --accent-t-1: hsl(33.640167 100% 46.862745% / 0.25); --accent-t-2: hsl(33.640167 100% 46.862745% / 0.5); --accent-t-3: hsl(33.640167 100% 46.862745% / 0.75); --on-secondary: var(--neutral-d-5); --neutral: #6c727b; --white: #ffffff; --black: #000000; --black-t-1: hsl(0 0% 0% / 0.1); --black-t-2: hsl(0 0% 0% / 0.2); --black-t-3: hsl(0 0% 0% / 0.3); --black-t-4: hsl(0 0% 0% / 0.4); --black-t-5: hsl(0 0% 0% / 0.5); --black-t-6: hsl(0 0% 0% / 0.6); --black-t-7: hsl(0 0% 0% / 0.7); --black-t-8: hsl(0 0% 0% / 0.8); --black-t-9: hsl(0 0% 0% / 0.9); --white-t-1: hsl(0 0% 100% / 0.1); --white-t-2: hsl(0 0% 100% / 0.2); --white-t-3: hsl(0 0% 100% / 0.3); --white-t-4: hsl(0 0% 100% / 0.4); --white-t-5: hsl(0 0% 100% / 0.5); --white-t-6: hsl(0 0% 100% / 0.6); --white-t-7: hsl(0 0% 100% / 0.7); --white-t-8: hsl(0 0% 100% / 0.8); --white-t-9: hsl(0 0% 100% / 0.9); --neutral-l-1: #81868e; --neutral-l-2: #969aa1; --neutral-l-3: #abaeb4; --neutral-l-4: #c0c3c6; --neutral-l-5: #d5d7d9; --neutral-l-6: #eaebec; --neutral-d-1: #5d6269; --neutral-d-2: #4d5158; --neutral-d-3: #3e4146; --neutral-d-4: #2e3135; --neutral-d-5: #1f2123; --neutral-d-6: #0f1012; --success: #05893e; --warning: #d78d00; --danger: #cc272e; --info: #0079ba; --success-t-1: hsl(146 93% 28% / 0.333); --success-t-2: hsl(146 93% 28% / 0.667); --warning-t-1: hsl(39 100% 42% / 0.333); --warning-t-2: hsl(39 100% 42% / 0.667); --danger-t-1: hsl(357 68% 48% / 0.333); --danger-t-2: hsl(357 68% 48% / 0.667); --info-t-1: hsl(201 100% 36% / 0.333); --info-t-2: hsl(201 100% 36% / 0.667); --special: #8451c9; --special-t-1: hsl(266 53% 55% / 0.333); --special-t-2: hsl(266 53% 55% / 0.667); --new: #d13d91; --new-t-1: hsl(326 62% 53% / 0.333); --new-t-2: hsl(326 62% 53% / 0.667); --success-l-1: #58b07e; --success-l-2: #acd8bf; --success-d-1: #035b29; --success-d-2: #022e15; --warning-l-1: #e4b355; --warning-l-2: #f2d9aa; --warning-d-1: #8f5e00; --warning-d-2: #482f00; --new-l-1: #e07eb6; --new-l-2: #f0beda; --new-d-1: #8b2961; --new-d-2: #461430; --special-l-1: #ad8bdb; --special-l-2: #d6c5ed; --special-d-1: #583686; --special-d-2: #2c1b43; --info-l-1: #55a6d1; --info-l-2: #aad2e8; --info-d-1: #00517c; --info-d-2: #00283e; --danger-l-1: #dd6f74; --danger-l-2: #eeb7b9; --danger-d-1: #881a1f; --danger-d-2: #440d0f; --bg: oklch(99% 0.003 260); --surface: oklch(100% 0 0); --surface-2: oklch(96.5% 0.005 260); --surface-3: oklch(93% 0.006 260); --surface-inverse: oklch(20% 0.015 260); --text-inverse: oklch(98% 0.003 260); --text: oklch(25% 0.015 260); --text-muted: oklch(48% 0.015 260); --text-subtle: oklch(60% 0.012 260); --heading: oklch(18% 0.02 260); --border: oklch(90% 0.006 260); --border-strong: oklch(80% 0.01 260); --focus-ring: var(--primary); --overlay: oklch(15% 0.02 260 / 0.6); --link: var(--primary); --link-hover: var(--primary-d-1); --link-active: var(--primary-d-2); --link-visited: var(--special); --text-2xs: clamp(0.8rem, calc(0.0009259259259259257 * (100vw - 36rem) + 0.8rem), 0.9rem); --text-xs: clamp(1.2rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.2rem), 1.3rem); --text-s: clamp(1.4rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.4rem), 1.5rem); --text-m: clamp(1.5rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.5rem), 1.6rem); --text-l: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --text-xl: clamp(2.16rem, calc(0.003148148148148147 * (100vw - 36rem) + 2.16rem), 2.5rem); --text-2xl: clamp(2.59rem, calc(0.005 * (100vw - 36rem) + 2.59rem), 3.13rem); --heading-xs: clamp(1.74rem, calc(0.0012962963 * (100vw - 36rem) + 1.74rem), 1.88rem); --heading-s: clamp(1.96rem, calc(0.0026851852 * (100vw - 36rem) + 1.96rem), 2.25rem); --heading-m: clamp(2.2rem, calc(0.0046296296 * (100vw - 36rem) + 2.2rem), 2.7rem); --heading-l: clamp(2.48rem, calc(0.007037037 * (100vw - 36rem) + 2.48rem), 3.24rem); --heading-xl: clamp(2.78rem, calc(0.0102777778 * (100vw - 36rem) + 2.78rem), 3.89rem); --heading-2xl: clamp(3.13rem, calc(0.0142592593 * (100vw - 36rem) + 3.13rem), 4.67rem); --space-2xs: clamp(0.47rem, calc(0.0011111111111111111 * (100vw - 36rem) + 0.47rem), 0.59rem); --space-xs: clamp(0.71rem, calc(0.0016666666666666672 * (100vw - 36rem) + 0.71rem), 0.89rem); --space-s: clamp(1.07rem, calc(0.0024074074074074076 * (100vw - 36rem) + 1.07rem), 1.33rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.4rem), 3rem); --space-xl: clamp(3.6rem, calc(0.008333333333333333 * (100vw - 36rem) + 3.6rem), 4.5rem); --space-2xl: clamp(5.4rem, calc(0.012499999999999997 * (100vw - 36rem) + 5.4rem), 6.75rem); --space-3xl: clamp(8.1rem, calc(0.018796296296296307 * (100vw - 36rem) + 8.1rem), 10.13rem); --section-space-xs: clamp(3.31rem, calc(0.0262037037037037 * (100vw - 36rem) + 3.31rem), 6.14rem); --section-space-s: clamp(4.31rem, calc(0.031203703703703706 * (100vw - 36rem) + 4.31rem), 7.68rem); --section-space-m: clamp(5.6rem, calc(0.037037037037037035 * (100vw - 36rem) + 5.6rem), 9.6rem); --section-space-l: clamp(7.28rem, calc(0.0437037037037037 * (100vw - 36rem) + 7.28rem), 12rem); --section-space-xl: clamp(9.46rem, calc(0.05129629629629629 * (100vw - 36rem) + 9.46rem), 15rem); --section-space-2xl: clamp(12.3rem, calc(0.05972222222222222 * (100vw - 36rem) + 12.3rem), 18.75rem);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-l-5 { background-color: var(--primary-l-5); }.bg-primary-t-1 { background-color: var(--primary-t-1); }.bg-primary-t-2 { background-color: var(--primary-t-2); }.bg-primary-t-3 { background-color: var(--primary-t-3); }.bg-primary-t-4 { background-color: var(--primary-t-4); }.bg-primary-t-5 { background-color: var(--primary-t-5); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.bg-primary-d-5 { background-color: var(--primary-d-5); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.text-primary-l-4 { color: var(--primary-l-4); }.text-primary-l-5 { color: var(--primary-l-5); }.text-primary-t-1 { color: var(--primary-t-1); }.text-primary-t-2 { color: var(--primary-t-2); }.text-primary-t-3 { color: var(--primary-t-3); }.text-primary-t-4 { color: var(--primary-t-4); }.text-primary-t-5 { color: var(--primary-t-5); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-d-4 { color: var(--primary-d-4); }.text-primary-d-5 { color: var(--primary-d-5); }.bg-secondary { background-color: var(--secondary); }.bg-secondary-l-1 { background-color: var(--secondary-l-1); }.bg-secondary-l-2 { background-color: var(--secondary-l-2); }.bg-secondary-l-3 { background-color: var(--secondary-l-3); }.bg-secondary-l-4 { background-color: var(--secondary-l-4); }.bg-secondary-d-1 { background-color: var(--secondary-d-1); }.bg-secondary-d-2 { background-color: var(--secondary-d-2); }.bg-secondary-d-3 { background-color: var(--secondary-d-3); }.bg-secondary-d-4 { background-color: var(--secondary-d-4); }.bg-secondary-t-1 { background-color: var(--secondary-t-1); }.bg-secondary-t-2 { background-color: var(--secondary-t-2); }.bg-secondary-t-3 { background-color: var(--secondary-t-3); }.bg-secondary-t-4 { background-color: var(--secondary-t-4); }.text-secondary { color: var(--secondary); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-l-3 { color: var(--secondary-l-3); }.text-secondary-l-4 { color: var(--secondary-l-4); }.text-secondary-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.text-secondary-d-3 { color: var(--secondary-d-3); }.text-secondary-d-4 { color: var(--secondary-d-4); }.text-secondary-t-1 { color: var(--secondary-t-1); }.text-secondary-t-2 { color: var(--secondary-t-2); }.text-secondary-t-3 { color: var(--secondary-t-3); }.text-secondary-t-4 { color: var(--secondary-t-4); }.bg-surface { background-color: var(--surface); }.bg-surface-2 { background-color: var(--surface-2); }