:root { --color-primary: #257C9E; --color-primary-dark: #1B5B75; ---color-secondary: #2E7D47; --color-secondary-dark: #225F36; --color-accent: #C4702C; --color-accent-subtle: #FDF6EE; ---text-headings: #1B2E3B; --text-body: #37424A; --text-muted: #647482; --text-inverse: #FFFFFF; --bg-body: #F8FAFA; --bg-card: #FFFFFF; --bg-subtle-blue: #EDF5F8; --bg-war: #FAF6F0; --border-subtle: #E4ECF0; ---border-focus: #257C9E; --h-s: clamp(1.23rem, calc(0.003700000000000001 * (100vw - 20rem) + 1.23rem), 1.6rem); --h-m: clamp(1.48rem, calc(0.0052 * (100vw - 20rem) + 1.48rem), 2rem); --h-l: clamp(1.77rem, calc(0.0073 * (100vw - 20rem) + 1.77rem), 2.5rem); --h-xl: clamp(2.13rem, calc(0.01 * (100vw - 20rem) + 2.13rem), 3.13rem); --p-s: clamp(0.88rem, calc(0.002200000000000001 * (100vw - 20rem) + 0.88rem), 1.1rem); --p-m: clamp(0.99rem, calc(0.0024 * (100vw - 20rem) + 0.99rem), 1.23rem); --p-l: clamp(1.11rem, calc(0.0027999999999999982 * (100vw - 20rem) + 1.11rem), 1.39rem); --p-xl: clamp(1.25rem, calc(0.0031000000000000003 * (100vw - 20rem) + 1.25rem), 1.56rem); --space-s: clamp(0.88rem, calc(0.057 * (100vw - 20rem) + 0.88rem), 6.58rem); --space-m: clamp(0.99rem, calc(0.0642 * (100vw - 20rem) + 0.99rem), 7.41rem); --space-l: clamp(1.11rem, calc(0.0722 * (100vw - 20rem) + 1.11rem), 8.33rem); --space-xl: clamp(1.25rem, calc(0.08130000000000001 * (100vw - 20rem) + 1.25rem), 9.38rem); --gap-s: clamp(0.88rem, calc(0 * (100vw - 20rem) + 0.88rem), 0.88rem); --gap-m: clamp(0.99rem, calc(0 * (100vw - 20rem) + 0.99rem), 0.99rem); --gap-l: clamp(1.11rem, calc(0 * (100vw - 20rem) + 1.11rem), 1.11rem); --gap-xl: clamp(1.25rem, calc(0 * (100vw - 20rem) + 1.25rem), 1.25rem);}