:root { --color-primary: #1a3300; --color-secondary: #cb5521; --color-dark: #1a3300; --color-text: #1a3300; --color-accent: #ffe95c; --color-light: #fcfaf5; --color-border: #b6b6b6; --color-surface: #f1f1f1; --color-info: #a8e5e5; --color-success: #d5f5c2; --color-highlight: #f6d0ff; --surface-light: #fcfaf5; --surface-success: #d5f5c2; --surface-accent: #ffe95c; --surface-highlight: #f6d0ff; --surface-info: #a8e5e5; --spacing-unit: clamp(0.5rem, calc(0 * (100vw - 22.5rem) + 0.5rem), 0.5rem); --spacing-6-8: clamp(0.38rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.38rem), 0.5rem); --spacing-12-16: clamp(0.75rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.75rem), 1rem); --spacing-16-24: clamp(1rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1rem), 1.5rem); --spacing-20-32: clamp(1.25rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 1.25rem), 2rem); --spacing-24-40: clamp(1.5rem, calc(0.014814814814814815 * (100vw - 22.5rem) + 1.5rem), 2.5rem); --spacing-28-48: clamp(1.75rem, calc(0.018518518518518517 * (100vw - 22.5rem) + 1.75rem), 3rem); --spacing-32-56: clamp(2rem, calc(0.022222222222222223 * (100vw - 22.5rem) + 2rem), 3.5rem); --spacing-36-64: clamp(2.25rem, calc(0.025925925925925925 * (100vw - 22.5rem) + 2.25rem), 4rem); --spacing-44-80: clamp(2.75rem, calc(0.03333333333333333 * (100vw - 22.5rem) + 2.75rem), 5rem); --spacing-52-96: clamp(3.25rem, calc(0.040740740740740744 * (100vw - 22.5rem) + 3.25rem), 6rem); --spacing-64-120: clamp(4rem, calc(0.05185185185185185 * (100vw - 22.5rem) + 4rem), 7.5rem); --text-micro: clamp(0.63rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.63rem), 0.69rem); --text-caption: clamp(0.75rem, calc(0.001925925925925926 * (100vw - 22.5rem) + 0.75rem), 0.88rem); --text-body-sm: clamp(0.88rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.88rem), 1rem); --text-body: clamp(1rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-body-lg: clamp(1.06rem, calc(0.002814814814814814 * (100vw - 22.5rem) + 1.06rem), 1.25rem); --text-subheading: clamp(1.38rem, calc(0.005481481481481483 * (100vw - 22.5rem) + 1.38rem), 1.75rem); --text-heading-sm: clamp(1.88rem, calc(0.009185185185185187 * (100vw - 22.5rem) + 1.88rem), 2.5rem); --text-heading: clamp(2.38rem, calc(0.015703703703703706 * (100vw - 22.5rem) + 2.38rem), 3.44rem); --text-heading-lg: clamp(2.75rem, calc(0.020444444444444442 * (100vw - 22.5rem) + 2.75rem), 4.13rem); --text-display: clamp(3.25rem, calc(0.03525925925925926 * (100vw - 22.5rem) + 3.25rem), 5.63rem);}.text-leftmicro { text-align: left;: var(--text-micro); }.text-leftcaption { text-align: left;: var(--text-caption); }.text-leftbody-sm { text-align: left;: var(--text-body-sm); }.text-leftbody { text-align: left;: var(--text-body); }.text-leftbody-lg { text-align: left;: var(--text-body-lg); }.text-leftsubheading { text-align: left;: var(--text-subheading); }.text-leftheading-sm { text-align: left;: var(--text-heading-sm); }.text-leftheading { text-align: left;: var(--text-heading); }.text-leftheading-lg { text-align: left;: var(--text-heading-lg); }.text-leftdisplay { text-align: left;: var(--text-display); }.text-centermicro { text-align: center;: var(--text-micro); }.text-centercaption { text-align: center;: var(--text-caption); }.text-centerbody-sm { text-align: center;: var(--text-body-sm); }.text-centerbody { text-align: center;: var(--text-body); }.text-centerbody-lg { text-align: center;: var(--text-body-lg); }.text-centersubheading { text-align: center;: var(--text-subheading); }.text-centerheading-sm { text-align: center;: var(--text-heading-sm); }.text-centerheading { text-align: center;: var(--text-heading); }.text-centerheading-lg { text-align: center;: var(--text-heading-lg); }.text-centerdisplay { text-align: center;: var(--text-display); }.text-rightmicro { text-align: right;: var(--text-micro); }.text-rightcaption { text-align: right;: var(--text-caption); }.text-rightbody-sm { text-align: right;: var(--text-body-sm); }.text-rightbody { text-align: right;: var(--text-body); }.text-rightbody-lg { text-align: right;: var(--text-body-lg); }.text-rightsubheading { text-align: right;: var(--text-subheading); }.text-rightheading-sm { text-align: right;: var(--text-heading-sm); }.text-rightheading { text-align: right;: var(--text-heading); }.text-rightheading-lg { text-align: right;: var(--text-heading-lg); }.text-rightdisplay { text-align: right;: var(--text-display); }.font-lightmicro { font-weight: 300;: var(--text-micro); }.font-lightcaption { font-weight: 300;: var(--text-caption); }.font-lightbody-sm { font-weight: 300;: var(--text-body-sm); }.font-lightbody { font-weight: 300;: var(--text-body); }.font-lightbody-lg { font-weight: 300;: var(--text-body-lg); }.font-lightsubheading { font-weight: 300;: var(--text-subheading); }.font-lightheading-sm { font-weight: 300;: var(--text-heading-sm); }.font-lightheading { font-weight: 300;: var(--text-heading); }.font-lightheading-lg { font-weight: 300;: var(--text-heading-lg); }.font-lightdisplay { font-weight: 300;: var(--text-display); }.font-normalmicro { font-weight: 400;: var(--text-micro); }.font-normalcaption { font-weight: 400;: var(--text-caption); }.font-normalbody-sm { font-weight: 400;: var(--text-body-sm); }.font-normalbody { font-weight: 400;: var(--text-body); }.font-normalbody-lg { font-weight: 400;: var(--text-body-lg); }.font-normalsubheading { font-weight: 400;: var(--text-subheading); }.font-normalheading-sm { font-weight: 400;: var(--text-heading-sm); }.font-normalheading { font-weight: 400;: var(--text-heading); }.font-normalheading-lg { font-weight: 400;: var(--text-heading-lg); }.font-normaldisplay { font-weight: 400;: var(--text-display); }.font-medium micro { font-weight: 500;: var(--text-micro); }.font-medium caption { font-weight: 500;: var(--text-caption); }.font-medium body-sm { font-weight: 500;: var(--text-body-sm); }.font-medium body { font-weight: 500;: var(--text-body); }.font-medium body-lg { font-weight: 500;: var(--text-body-lg); }.font-medium subheading { font-weight: 500;: var(--text-subheading); }.font-medium heading-sm { font-weight: 500;: var(--text-heading-sm); }.font-medium heading { font-weight: 500;: var(--text-heading); }.font-medium heading-lg { font-weight: 500;: var(--text-heading-lg); }.font-medium display { font-weight: 500;: var(--text-display); }..font-semibold micro { font-weight: 600; : var(--text-micro); }..font-semibold caption { font-weight: 600; : var(--text-caption); }..font-semibold body-sm { font-weight: 600; : var(--text-body-sm); }..font-semibold body { font-weight: 600; : var(--text-body); }..font-semibold body-lg { font-weight: 600; : var(--text-body-lg); }..font-semibold subheading { font-weight: 600; : var(--text-subheading); }..font-semibold heading-sm { font-weight: 600; : var(--text-heading-sm); }..font-semibold heading { font-weight: 600; : var(--text-heading); }..font-semibold heading-lg { font-weight: 600; : var(--text-heading-lg); }..font-semibold display { font-weight: 600; : var(--text-display); }.font-bold micro { font-weight: 700; : var(--text-micro); }.font-bold caption { font-weight: 700; : var(--text-caption); }.font-bold body-sm { font-weight: 700; : var(--text-body-sm); }.font-bold body { font-weight: 700; : var(--text-body); }.font-bold body-lg { font-weight: 700; : var(--text-body-lg); }.font-bold subheading { font-weight: 700; : var(--text-subheading); }.font-bold heading-sm { font-weight: 700; : var(--text-heading-sm); }.font-bold heading { font-weight: 700; : var(--text-heading); }.font-bold heading-lg { font-weight: 700; : var(--text-heading-lg); }.font-bold display { font-weight: 700; : var(--text-display); }