:root { --color-bg: #F4F4F5; --color-overlay: rgba(0,0,0,0.45); --color-surface: #FBFBFB; --color-surface-alt: #ECECED; --color-border: #D4D4D8; --color-brand: #DC0330; --color-text-inverse: #F5F5F5; --color-text: #1C1C1E; --color-text-muted: #6B6B70; --color-white: #FFFFFF; --color-surface-deep: #E3E3E5; --color-surface-deepest: #D8D8DB; --color-border-subtle: #E4E4E7; --color-border-faint: #EDEDEF; --color-bg-variant: #F0F0F1; --color-white-80: rgba(255,255,255,0.8); --color-border-10: rgba(0,0,0,0.1); --color-border-20: rgba(0,0,0,0.2); --color-border-30: rgba(0,0,0,0.3); --color-shadow: rgba(0,0,0,0.2); --color-shadow-light: rgba(0,0,0,0.08); --color-shadow-brand: rgba(180,138,43,0.6); --color-brand-mid: #e8344f; --color-brand-pale: rgba(220, 3, 48, 0.12); --text-xs: clamp(1rem, calc(0.001887 * (100vw - 38rem) + 1rem), 1.2rem); --text-s: clamp(1.3333rem, calc(0.001007 * (100vw - 38rem) + 1.3333rem), 1.44rem); --text-m: clamp(1.4rem, calc(0.001887 * (100vw - 38rem) + 1.4rem), 1.6rem); --text-base: clamp(1.6rem, calc(0.001887 * (100vw - 38rem) + 1.6rem), 1.8rem); --text-l: clamp(2rem, calc(0.001509 * (100vw - 38rem) + 2rem), 2.16rem); --text-xl: clamp(2.8rem, calc(0.000755 * (100vw - 38rem) + 2.8rem), 2.88rem); --text-2xl: clamp(3.8rem, calc(0.003208 * (100vw - 38rem) + 3.8rem), 4.14rem); --text-3xl: clamp(4.5rem, calc(0.025472 * (100vw - 38rem) + 4.5rem), 7.2rem); --text-nav: clamp(1.4667rem, calc(0.002976 * (100vw - 32rem) + 1.4667rem), 1.8rem); --heading-xl: clamp(4.5rem, calc(0.00283 * (100vw - 38rem) + 4.5rem), 4.8rem); --heading-l: clamp(4rem, calc(0.001887 * (100vw - 38rem) + 4rem), 4.2rem); --heading-m: clamp(2.8rem, calc(0.000943 * (100vw - 38rem) + 2.8rem), 2.9rem); --heading-s: clamp(2.6rem, calc(0.000943 * (100vw - 38rem) + 2.6rem), 2.7rem); --heading-xs: clamp(2.4rem, calc(0.000943 * (100vw - 38rem) + 2.4rem), 2.5rem); --heading-xxs: clamp(2.2rem, calc(0.000943 * (100vw - 38rem) + 2.2rem), 2.3rem);}