:root { --harvest-amber: #9E6520; --harvest-amber-text: #8A591C; --harvest-amber-dec: #C4853A; --deep-woad: #2E4A6B; --deep-woad-t-1: hsla(210, 39%, 30%, 0.1); --deep-woad-t-2: hsla(0, 0%, 30%, 0.2); --ember-gold: #D4A84B; --bg-primary: #F4F2EE; --bg-elevated: #FAF9F6; --text-primary: #1E1E24; --text-secondary: #4A4860; --text-muted: #5E5C74; --text-ember-gold: #6B5010; --btn-primary-bg: #8B5A1A; --text-btn-primary: #FAF9F6; --bg-subtle: #E6E3DB; --text-tertiary: #FAF9F6; --deep-woad-bg-elevated: #2E4A6B; --text-aliceblue: rgba(235, 240, 248, 0.70); --textlinks-deepwoad: #2E4A6B; --text-h6: clamp(0.83rem, calc(0.0012972972972972985 * (100vw - 22.5rem) + 0.83rem), 0.89rem); --text-h5: clamp(1rem, calc(0.0012972972972972985 * (100vw - 22.5rem) + 1rem), 1.06rem); --text-h4: clamp(1.2rem, calc(0.0015135135135135149 * (100vw - 22.5rem) + 1.2rem), 1.27rem); --text-h3: clamp(1.44rem, calc(0.0019459459459459476 * (100vw - 22.5rem) + 1.44rem), 1.53rem); --text-h2: clamp(1.38rem, calc(0.002594594594594597 * (100vw - 22.5rem) + 1.38rem), 1.5rem); --text-h1: clamp(2.07rem, calc(0.002810810810810818 * (100vw - 22.5rem) + 2.07rem), 2.2rem); --display-h4: clamp(0.88rem, calc(0.0012972972972972961 * (100vw - 22.5rem) + 0.88rem), 0.94rem); --display-h3: clamp(0.94rem, calc(0.0012972972972972985 * (100vw - 22.5rem) + 0.94rem), 1rem); --display-h2: clamp(2rem, calc(0.01362162162162162 * (100vw - 22.5rem) + 2rem), 2.63rem); --display-h1: clamp(2.4rem, calc(0.016216216216216217 * (100vw - 22.5rem) + 2.4rem), 3.15rem); --text-xs: clamp(0.64rem, calc(0.0008648648648648656 * (100vw - 22.5rem) + 0.64rem), 0.68rem); --text-s: clamp(0.8rem, calc(0.0010810810810810796 * (100vw - 22.5rem) + 0.8rem), 0.85rem); --text-m: clamp(1rem, calc(0.0012972972972972985 * (100vw - 22.5rem) + 1rem), 1.06rem); --text-l: clamp(1.25rem, calc(0.0017297297297297312 * (100vw - 22.5rem) + 1.25rem), 1.33rem); --text-xl: clamp(1.56rem, calc(0.002162162162162159 * (100vw - 22.5rem) + 1.56rem), 1.66rem); --text-2xl: clamp(1.95rem, calc(0.0028108108108108134 * (100vw - 22.5rem) + 1.95rem), 2.08rem); --ui-space-2xs: clamp(0.11rem, calc(0.0012972972972972974 * (100vw - 22.5rem) + 0.11rem), 0.17rem); --ui-space-xs: clamp(0.17rem, calc(0.0017297297297297295 * (100vw - 22.5rem) + 0.17rem), 0.25rem); --ui-space-s: clamp(0.25rem, calc(0.002810810810810811 * (100vw - 22.5rem) + 0.25rem), 0.38rem); --ui-space-m: clamp(0.38rem, calc(0.003891891891891893 * (100vw - 22.5rem) + 0.38rem), 0.56rem); --ui-space-l: clamp(0.56rem, calc(0.006054054054054053 * (100vw - 22.5rem) + 0.56rem), 0.84rem); --ui-space-xl: clamp(0.84rem, calc(0.009297297297297299 * (100vw - 22.5rem) + 0.84rem), 1.27rem); --ui-space-2xl: clamp(1.27rem, calc(0.01362162162162162 * (100vw - 22.5rem) + 1.27rem), 1.9rem); --read-space-2xs: clamp(0.12rem, calc(0.0006486486486486486 * (100vw - 22.5rem) + 0.12rem), 0.15rem); --read-space-xs: clamp(0.19rem, calc(0.0010810810810810809 * (100vw - 22.5rem) + 0.19rem), 0.24rem); --read-space-s: clamp(0.31rem, calc(0.0017297297297297301 * (100vw - 22.5rem) + 0.31rem), 0.39rem); --read-space-m: clamp(0.5rem, calc(0.002810810810810811 * (100vw - 22.5rem) + 0.5rem), 0.63rem); --read-space-l: clamp(0.81rem, calc(0.0043243243243243235 * (100vw - 22.5rem) + 0.81rem), 1.01rem); --read-space-xl: clamp(1.31rem, calc(0.007135135135135132 * (100vw - 22.5rem) + 1.31rem), 1.64rem); --read-space-2xl: clamp(2.12rem, calc(0.011459459459459455 * (100vw - 22.5rem) + 2.12rem), 2.65rem); --read-space-3xl: clamp(3.43rem, calc(0.01837837837837838 * (100vw - 22.5rem) + 3.43rem), 4.28rem); --section-space-1: clamp(3.75rem, calc(0.02702702702702703 * (100vw - 22.5rem) + 3.75rem), 5rem);}.gap-2xs { gap: var(--ui-space-2xs); }.gap-xs { gap: var(--ui-space-xs); }.gap-s { gap: var(--ui-space-s); }.gap-m { gap: var(--ui-space-m); }.gap-l { gap: var(--ui-space-l); }.gap-xl { gap: var(--ui-space-xl); }.gap-2xl { gap: var(--ui-space-2xl); }.pad-2xs { padding: var(--ui-space-2xs); }.pad-xs { padding: var(--ui-space-xs); }.pad-s { padding: var(--ui-space-s); }.pad-m { padding: var(--ui-space-m); }.pad-l { padding: var(--ui-space-l); }.pad-xl { padding: var(--ui-space-xl); }.pad-2xl { padding: var(--ui-space-2xl); }.gap-2xs { gap: var(--read-space-2xs); }.gap-xs { gap: var(--read-space-xs); }.gap-s { gap: var(--read-space-s); }.gap-m { gap: var(--read-space-m); }.gap-l { gap: var(--read-space-l); }.gap-xl { gap: var(--read-space-xl); }.gap-2xl { gap: var(--read-space-2xl); }.gap-3xl { gap: var(--read-space-3xl); }.pad-2xs { padding: var(--read-space-2xs); }.pad-xs { padding: var(--read-space-xs); }.pad-s { padding: var(--read-space-s); }.pad-m { padding: var(--read-space-m); }.pad-l { padding: var(--read-space-l); }.pad-xl { padding: var(--read-space-xl); }.pad-2xl { padding: var(--read-space-2xl); }.pad-3xl { padding: var(--read-space-3xl); }.section-space-1 { section-space: var(--section-space-1); }