:root { --primary: #00508c; --secondary: hsl(46, 56%, 45%); --bg-body: #ffffff; --bg-surface: #f5f5f5; --text-body: #666666; --text-heading: #000000; --text-meta: #999999; --border-subtle: #dddddd; --light: #ffffff; --dark: #000000; --text-2xs: clamp(0.77rem, calc(0.0010869565217391302 * (100vw - 36rem) + 0.77rem), 0.87rem); --text-xs: clamp(0.96rem, calc(0.001413043478260871 * (100vw - 36rem) + 0.96rem), 1.09rem); --text-s: clamp(1.2rem, calc(0.0017391304347826103 * (100vw - 36rem) + 1.2rem), 1.36rem); --text-m: clamp(1.5rem, calc(0.0021739130434782605 * (100vw - 36rem) + 1.5rem), 1.7rem); --text-l: clamp(1.88rem, calc(0.002717391304347826 * (100vw - 36rem) + 1.88rem), 2.13rem); --text-xl: clamp(2.34rem, calc(0.0034782608695652206 * (100vw - 36rem) + 2.34rem), 2.66rem); --text-2xl: clamp(2.93rem, calc(0.0042391304347826056 * (100vw - 36rem) + 2.93rem), 3.32rem); --space-2xs: clamp(0.82rem, calc(0.0020652173913043486 * (100vw - 36rem) + 0.82rem), 1.01rem); --space-xs: clamp(1.02rem, calc(0.003586956521739131 * (100vw - 36rem) + 1.02rem), 1.35rem); --space-s: clamp(1.28rem, calc(0.005652173913043478 * (100vw - 36rem) + 1.28rem), 1.8rem); --space-m: clamp(1.6rem, calc(0.008695652173913042 * (100vw - 36rem) + 1.6rem), 2.4rem); --space-l: clamp(2rem, calc(0.013043478260869568 * (100vw - 36rem) + 2rem), 3.2rem); --space-xl: clamp(2.5rem, calc(0.019130434782608695 * (100vw - 36rem) + 2.5rem), 4.26rem); --space-2xl: clamp(3.13rem, calc(0.027717391304347826 * (100vw - 36rem) + 3.13rem), 5.68rem);}