:root {  --mii-primary: #003333; --miiprimary-off: #002929; --mii-secondary: #FFCC00; --primary: #175E22; --primary-off: #357F4A; --secondary: #FFCC00; --secondary-off: #CCA300; --accent: #538DB1; --accent-off: #42718E; --base: #F7F9FF; --white: #FFFFFF; --black: #000000; --body-color: #191400; --body-off: #022345; --grey: #A6A6A6; --grey-dark: #363636; --grey-mid: #5E5E5E; --grey-light: #F5F6F5; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 2rem; --btn-hover: "\00BB"; --btn-outline-border: 1px;  --xxxl: 5rem ;  --xxl: 3.375rem ;  --xl: 2.25rem ;  --l: 1.5rem ;  --m: 1.125rem ;  --body: 1rem ;  --s: 0.8rem ;  --xs:0.667rem ;  --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:-0.025em; --ls-h1:-0.025em; --ls-h2:-0.025em; --col:7rem; --btn-on: 3rem;  --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px;  --desktop: 1312px;  --tablet: 992px;  --landscape: 768px;  --mobile: 480px;  }