:root { --color-ink: #201C26; --color-paper: #F5ECDC; --color-background: var(--color-bg-30); --color-bg-lv-1: var(--color-bg-20); --color-bg-lv-2: var(--color-bg-10); --color-bg-bar: var(--color-bg-40); --color-bg-field: var(--color-bg-10); --color-bg-banner: var(--color-ink); --color-bg-disabled: var(--color-fill-10); --color-heading: var(--color-text-10); --color-text: var(--color-text-20); --color-text-faded: var(--color-text-30); --color-text-placeholder: var(--color-text-40); --color-text-disabled: var(--color-text-50); --color-text-inverse: var(--color-bg-10); --color-text-on-ink: var(--color-paper); --color-link: var(--color-prim-text-10); --color-link-hover: var(--color-prim-text-20); --color-icon: var(--color-text-20); --color-icon-faded: var(--color-text-30); --color-selection-bg: var(--color-prim-int-10); --color-selection-text: var(--color-text-10); --color-divider: var(--color-border-10); --color-border-field: var(--color-border-20); --color-bg-overlay: color-mix(in srgb, var(--color-ink) 55%, transparent); --color-focus: var(--color-prim-border-30); --color-bg-10: #fbf8f4; --color-bg-20: #F6F0E6; --color-bg-30: #F2EADB; --color-bg-40: #E8DECB; --color-int-10: #F7F2E9; --color-int-20: #EFE7DA; --color-int-30: #E4D9C6; --color-border-10: #E5DBC9; --color-border-20: #D5C8B1; --color-border-30: #B2A387; --color-fill-10: #D9CDB8; --color-fill-20: #B2A387; --color-text-10: #201C26; --color-text-20: #40384A; --color-text-30: #74695E; --color-text-40: #968C80; --color-text-50: #A99F92; --color-prim-bg-10: #F7F1F9; --color-prim-bg-20: #EEE3F2; --color-prim-int-10: #E4D2EA; --color-prim-int-20: #D7BEE0; --color-prim-int-30: #CAAAD5; --color-prim-border-10: #C098CD; --color-prim-border-20: #AE7EBE; --color-prim-border-30: #9F66B2; --color-prim-fill-10: #8B509E; --color-prim-fill-20: #78418B; --color-prim-text-10: #673678; --color-prim-text-20: #50265E; --color-acc-bg-10: #F9F6F1; --color-acc-bg-20: #F2ECE3; --color-acc-int-10: #EAE0D2; --color-acc-int-20: #E0D2BE; --color-acc-int-30: #D5C4AA; --color-acc-border-10: #CDB898; --color-acc-border-20: #BEA47E; --color-acc-border-30: #B29466; --color-acc-fill-10: #BC955B; --color-acc-fill-20: #8B6D41; --color-acc-text-10: #785D36; --color-acc-text-20: #5E4826; --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-suc-bg-10: #EEF4E8; --color-suc-bg-20: #DCE9D0; --color-suc-border-10: #B9D0A6; --color-suc-fill-10: #5F9150; --color-suc-text-10: #3E6B34; --color-suc-text-20: #2C4D25; --color-warn-bg-10: #FBF2DE; --color-warn-bg-20: #F5E5C2; --color-warn-border-10: #E0C48D; --color-warn-fill-10: #B8893C; --color-warn-text-10: #7A5A22; --color-warn-text-20: #5C431A; --color-dan-bg-10: #F9EBE9; --color-dan-bg-20: #F2D4D0; --color-dan-border-10: #DFA9A3; --color-dan-fill-10: #B34D4D; --color-dan-text-10: #8A2F31; --color-dan-text-20: #66211F; --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 * (100vw - 22.5rem) + 0.81rem), 0.81rem); --text-s: clamp(0.88rem, calc(0 * (100vw - 22.5rem) + 0.88rem), 0.88rem); --text-m: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --text-l: clamp(1.13rem, calc(0 * (100vw - 22.5rem) + 1.13rem), 1.13rem); --text-xl: clamp(1.25rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1.25rem), 1.38rem); --text-2xl: clamp(1.5rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1.5rem), 1.63rem); --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;}