:root { --color-background: var(--color-brand-bg-20); --color-bg-10: #FDFDFC; --color-bg-20: #F9F9F8; --color-int-10: #F1F0EF; --color-int-20: #E9E8E6; --color-int-30: #E2E1DE; --color-border-10: #DAD9D6; --color-border-20: #CFCECA; --color-border-30: #BCBBB5; --color-fill-10: #8D8D86; --color-fill-20: #82827C; --color-text: #45433e; --color-text-faded: #82827C; --color-heading: #21201C; --color-bg-overlay: #080f18a6; --color-prim-bg-10: #FEFCFE; --color-prim-bg-20: #FBF8FD; --color-prim-int-10: #F7EDFA; --color-prim-int-20: #F1E1F7; --color-prim-int-30: #EAD5F1; --color-prim-border-10: #E0C6E9; --color-prim-border-20: #D4B3DF; --color-prim-border-30: #C398D2; --color-prim-fill-10: #8B509E; --color-prim-fill-20: #7D428F; --color-prim-text-10: #884D9B; --color-prim-text-20: #4A2456; --color-green-bg-10: #f5f9f6; --color-green-bg-20: #eff5f0; --color-green-int-10: #e2f0e3; --color-green-int-20: #d3ead5; --color-green-int-30: #c1e2c4; --color-green-border-10: #abd6af; --color-green-border-20: #8dc794; --color-green-border-30: #60b26d; --color-green-fill-10: #409c52; --color-green-fill-20: #318f46; --color-green-text-10: #217736; --color-green-text-20: #213c25; --color-green-text-20-10: var(--color-green-text-20); --color-orange-bg-10: #fefdfb; --color-orange-bg-20: #fff9e7; --color-orange-int-10: #fff1c3; --color-orange-int-20: #ffe7aa; --color-orange-int-30: #ffdc8c; --color-orange-border-10: #ffcd68; --color-orange-border-20: #f5bc58; --color-orange-border-30: #e4a317; --color-orange-fill-10: #e2a112; --color-orange-fill-20: #d69600; --color-orange-text-10: #a26b00; --color-orange-text-20: #4a3819; --color-orange-text-20-10: var(--color-orange-text-20); --color-red-bg-10: #fffbfb; --color-red-bg-20: #fff1f0; --color-red-int-10: #ffe9e5; --color-red-int-20: #ffdad5; --color-red-int-30: #ffcbc5; --color-red-border-10: #ffbab4; --color-red-border-20: #fca69f; --color-red-border-30: #f48983; --color-red-fill-10: #D5172F; --color-red-fill-20: #C40021; --color-red-text-10: #da0025; --color-red-text-20: #6a0d13; --color-red-text-20-10: var(--color-red-text-20); --color-red-grad-a: #d5172f; --color-red-grad-b: #a21126; --color-background-h: 0deg; --color-background-s: 0%; --color-background-l: 100%; --color-brand-bg-10: #FEFDFC; --color-brand-bg-20: #FCF9F4; --color-brand-int-10: #F7EFE4; --color-brand-int-20: #F2E4D1; --color-brand-int-30: #EDDABF; --color-brand-border-10: #E6CEAC; --color-brand-border-20: #DCBD91; --color-brand-border-30: #CDA66B; --color-brand-fill-10: #BC955B; --color-brand-fill-20: #B08950; --color-brand-text-10: #84622B; --color-brand-text-20: #3E3527; --text-3xs: clamp(0.63rem, calc(0 * (100vw - 22.5rem) + 0.63rem), 0.63rem); --text-2xs: clamp(0.75rem, calc(0 * (100vw - 22.5rem) + 0.75rem), 0.75rem); --text-xs: clamp(0.81rem, calc(0.0010370370370370364 * (100vw - 22.5rem) + 0.81rem), 0.88rem); --text-s: clamp(0.88rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.88rem), 1rem); --text-m: clamp(1rem, calc(0.0008888888888888897 * (100vw - 22.5rem) + 1rem), 1.06rem); --text-l: clamp(1.13rem, calc(0.0008888888888888897 * (100vw - 22.5rem) + 1.13rem), 1.19rem); --text-xl: clamp(1.25rem, calc(0.002814814814814814 * (100vw - 22.5rem) + 1.25rem), 1.44rem); --text-2xl: clamp(1.5rem, calc(0.002814814814814814 * (100vw - 22.5rem) + 1.5rem), 1.69rem); --text-3xl: clamp(1.75rem, calc(0.002814814814814814 * (100vw - 22.5rem) + 1.75rem), 1.94rem); --heading-2xs: clamp(0.63rem, calc(0 * (100vw - 22.5rem) + 0.63rem), 0.63rem); --heading-xs: clamp(0.88rem, calc(0 * (100vw - 22.5rem) + 0.88rem), 0.88rem); --heading-s: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --heading-m: clamp(1.13rem, calc(0.0017777777777777794 * (100vw - 22.5rem) + 1.13rem), 1.25rem); --heading-l: clamp(1.38rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.38rem), 1.63rem); --heading-xl: clamp(1.75rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.75rem), 2.25rem); --heading-2xl: clamp(2.25rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 2.25rem), 3rem); --heading-3xl: clamp(2.75rem, calc(0.018518518518518517 * (100vw - 22.5rem) + 2.75rem), 4rem); --heading-4xl: clamp(3.43rem, calc(0.027111111111111107 * (100vw - 22.5rem) + 3.43rem), 5.26rem); --space-3xs: clamp(0.25rem, calc(0 * (100vw - 22.5rem) + 0.25rem), 0.25rem); --space-2xs: clamp(0.5rem, calc(0 * (100vw - 22.5rem) + 0.5rem), 0.5rem); --space-xs: clamp(0.75rem, calc(0 * (100vw - 22.5rem) + 0.75rem), 0.75rem); --space-s: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --space-m: clamp(1.25rem, calc(0 * (100vw - 22.5rem) + 1.25rem), 1.25rem); --space-l: clamp(1.5rem, calc(0 * (100vw - 22.5rem) + 1.5rem), 1.5rem); --space-xl: clamp(1.88rem, calc(0.0017777777777777794 * (100vw - 22.5rem) + 1.88rem), 2rem); --space-2xl: clamp(2.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 2.25rem), 2.5rem); --space-3xl: clamp(3rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 3rem), 3.5rem); --space-4xl: clamp(3.75rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 3.75rem), 4.5rem); --space-5xl: clamp(4.88rem, calc(0.016592592592592593 * (100vw - 22.5rem) + 4.88rem), 6rem); --space-6xl: clamp(6.38rem, calc(0.024 * (100vw - 22.5rem) + 6.38rem), 8rem); --gap-3xs: 4px; --gap-2xs: 8px; --gap-xs: 12px; --gap-s: 16px; --gap-m: 20px; --gap-l: 24px; --gap-xl: 32px; --gap-2xl: 40px; --gap-3xl: 56px; --gap-4xl: 72px;}