:root { --heading: #14253D; --text: #333537; --text-muted: #68635D; --surface: #FBF8F1; --surface-alt: #F0E8DC; --surface-inverse: #14253D; --text-inverse: #FFFDF8; --border: #DDD2C2; --border-strong: #9B8E7E; --success: #166534; --warning: #854D0E; --error: #B91C1C; --info: #1D4ED8; --primary: #7A263A; --secondary: #14253D; --accent: #B78A52; --on-primary: #FFFDF8; --on-secondary: #FFFDF8; --on-accent: #14253D; --primary-l-1: #9b5c6b; --primary-l-2: #bd939d; --primary-l-3: #dec9ce; --primary-d-1: #5c1d2c; --primary-d-2: #3d131d; --primary-d-3: #1f0a0f; --primary-t-1: hsl(346 52% 31% / 0.25); --primary-t-2: hsl(346 52% 31% / 0.5); --primary-t-3: hsl(346 52% 31% / 0.75); --secondary-l-1: #4f5c6e; --secondary-l-2: #8a929e; --secondary-l-3: #c4c9cf; --secondary-d-1: #0f1c2e; --secondary-d-2: #0a131f; --secondary-d-3: #05090f; --secondary-t-1: hsl(215 51% 16% / 0.25); --secondary-t-2: hsl(215 51% 16% / 0.5); --secondary-t-3: hsl(215 51% 16% / 0.75); --accent-l-1: #c9a77d; --accent-l-2: #dbc5a9; --accent-l-3: #ede2d4; --accent-d-1: #89683e; --accent-d-2: #5c4529; --accent-d-3: #2e2315; --accent-t-1: hsl(33 41% 52% / 0.25); --accent-t-2: hsl(33 41% 52% / 0.5); --accent-t-3: hsl(33 41% 52% / 0.75); --text-2xs: clamp(1.12rem, calc(0.0012962962962962954 * (100vw - 36rem) + 1.12rem), 1.26rem); --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); --text-2xl: clamp(2.28rem, calc(0.0025925925925925947 * (100vw - 36rem) + 2.28rem), 2.56rem); --heading-m: clamp(1.8rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.8rem), 2.2rem); --heading-l: clamp(2.16rem, calc(0.005462962962962962 * (100vw - 36rem) + 2.16rem), 2.75rem); --heading-xl: clamp(2.59rem, calc(0.007870370370370371 * (100vw - 36rem) + 2.59rem), 3.44rem); --heading-2xl: clamp(3.11rem, calc(0.011018518518518518 * (100vw - 36rem) + 3.11rem), 4.3rem); --heading-3xl: clamp(3.73rem, calc(0.015185185185185187 * (100vw - 36rem) + 3.73rem), 5.37rem); --display-m: clamp(4rem, calc(0.014814814814814812 * (100vw - 36rem) + 4rem), 5.6rem); --display-l: clamp(4.8rem, calc(0.020370370370370372 * (100vw - 36rem) + 4.8rem), 7rem); --display-xl: clamp(5.76rem, calc(0.027685185185185188 * (100vw - 36rem) + 5.76rem), 8.75rem); --display-2xl: clamp(6.91rem, calc(0.03731481481481481 * (100vw - 36rem) + 6.91rem), 10.94rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (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.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-3xl: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --space-4xl: clamp(4.88rem, calc(0.03277777777777778 * (100vw - 36rem) + 4.88rem), 8.42rem); --space-5xl: clamp(6.1rem, calc(0.04740740740740742 * (100vw - 36rem) + 6.1rem), 11.22rem);}.text-heading { color: var(--heading); }.bg-surface { background-color: var(--surface); }.bg-surface-alt { background-color: var(--surface-alt); }.bg-surface-inverse { background-color: var(--surface-inverse); }.bg-success { background-color: var(--success); }.text-success { color: var(--success); }.border-success { border-color: var(--success); }.bg-warning { background-color: var(--warning); }.text-warning { color: var(--warning); }.border-warning { border-color: var(--warning); }.bg-error { background-color: var(--error); }.text-error { color: var(--error); }.border-error { border-color: var(--error); }.bg-info { background-color: var(--info); }.text-info { color: var(--info); }.border-info { border-color: var(--info); }.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-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-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); }.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-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-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); }.border-primary { border-color: var(--primary); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-l-3 { border-color: var(--primary-l-3); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.border-primary-d-3 { border-color: var(--primary-d-3); }.border-primary-t-1 { border-color: var(--primary-t-1); }.border-primary-t-2 { border-color: var(--primary-t-2); }.border-primary-t-3 { border-color: var(--primary-t-3); }.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-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-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); }.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-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-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); }.border-secondary { border-color: var(--secondary); }.border-secondary-l-1 { border-color: var(--secondary-l-1); }.border-secondary-l-2 { border-color: var(--secondary-l-2); }.border-secondary-l-3 { border-color: var(--secondary-l-3); }.border-secondary-d-1 { border-color: var(--secondary-d-1); }.border-secondary-d-2 { border-color: var(--secondary-d-2); }.border-secondary-d-3 { border-color: var(--secondary-d-3); }.border-secondary-t-1 { border-color: var(--secondary-t-1); }.border-secondary-t-2 { border-color: var(--secondary-t-2); }.border-secondary-t-3 { border-color: var(--secondary-t-3); }.bg-accent { background-color: var(--accent); }.bg-accent-l-1 { background-color: var(--accent-l-1); }.bg-accent-l-2 { background-color: var(--accent-l-2); }.bg-accent-l-3 { background-color: var(--accent-l-3); }.bg-accent-d-1 { background-color: var(--accent-d-1); }.bg-accent-d-2 { background-color: var(--accent-d-2); }.bg-accent-d-3 { background-color: var(--accent-d-3); }.bg-accent-t-1 { background-color: var(--accent-t-1); }.bg-accent-t-2 { background-color: var(--accent-t-2); }.bg-accent-t-3 { background-color: var(--accent-t-3); }.text-accent { color: var(--accent); }.text-accent-l-1 { color: var(--accent-l-1); }.text-accent-l-2 { color: var(--accent-l-2); }.text-accent-l-3 { color: var(--accent-l-3); }.text-accent-d-1 { color: var(--accent-d-1); }.text-accent-d-2 { color: var(--accent-d-2); }.text-accent-d-3 { color: var(--accent-d-3); }.text-accent-t-1 { color: var(--accent-t-1); }.text-accent-t-2 { color: var(--accent-t-2); }.text-accent-t-3 { color: var(--accent-t-3); }.border-accent { border-color: var(--accent); }.border-accent-l-1 { border-color: var(--accent-l-1); }.border-accent-l-2 { border-color: var(--accent-l-2); }.border-accent-l-3 { border-color: var(--accent-l-3); }.border-accent-d-1 { border-color: var(--accent-d-1); }.border-accent-d-2 { border-color: var(--accent-d-2); }.border-accent-d-3 { border-color: var(--accent-d-3); }.border-accent-t-1 { border-color: var(--accent-t-1); }.border-accent-t-2 { border-color: var(--accent-t-2); }.border-accent-t-3 { border-color: var(--accent-t-3); }.text-2xs { font-size: var(--text-2xs); }.text-xs { font-size: var(--text-xs); }.text-s { font-size: var(--text-s); }.text-m { font-size: var(--text-m); }.text-l { font-size: var(--text-l); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }.heading-m { font-size: var(--heading-m); }.heading-l { font-size: var(--heading-l); }.heading-xl { font-size: var(--heading-xl); }.heading-2xl { font-size: var(--heading-2xl); }.heading-3xl { font-size: var(--heading-3xl); }.display-m { font-size: var(--display-m); }.display-l { font-size: var(--display-l); }.display-xl { font-size: var(--display-xl); }.display-2xl { font-size: var(--display-2xl); }.gap-2xs { gap: var(--space-2xs); }.gap-xs { gap: var(--space-xs); }.gap-s { gap: var(--space-s); }.gap-m { gap: var(--space-m); }.gap-l { gap: var(--space-l); }.gap-xl { gap: var(--space-xl); }.gap-2xl { gap: var(--space-2xl); }.gap-3xl { gap: var(--space-3xl); }.gap-4xl { gap: var(--space-4xl); }.gap-5xl { gap: var(--space-5xl); }.p-2xs { padding: var(--space-2xs); }.p-xs { padding: var(--space-xs); }.p-s { padding: var(--space-s); }.p-m { padding: var(--space-m); }.p-l { padding: var(--space-l); }.p-xl { padding: var(--space-xl); }.p-2xl { padding: var(--space-2xl); }.p-3xl { padding: var(--space-3xl); }.p-4xl { padding: var(--space-4xl); }.p-5xl { padding: var(--space-5xl); }.m-2xs { margin: var(--space-2xs); }.m-xs { margin: var(--space-xs); }.m-s { margin: var(--space-s); }.m-m { margin: var(--space-m); }.m-l { margin: var(--space-l); }.m-xl { margin: var(--space-xl); }.m-2xl { margin: var(--space-2xl); }.m-3xl { margin: var(--space-3xl); }.m-4xl { margin: var(--space-4xl); }.m-5xl { margin: var(--space-5xl); }