:root { --blue-100: hsl(212, 52%, 94%); --blue-200: hsl(210, 49%, 86%); --blue-300: hsl(213, 50%, 76%); --blue-400: hsl(212, 47%, 63%); --blue-500: hsl(213, 43%, 50%); --blue-600: hsl(213, 55%, 38%); --blue-700: hsl(213, 58%, 28%); --blue-800: hsl(213, 57%, 19%); --blue-900: hsl(214, 58%, 10%); --blue-100-hover: hsl(214, 49%, 91%); --blue-200-hover: hsl(210, 48%, 81%); --blue-300-hover: hsl(212, 48%, 71%); --blue-400-hover: hsl(213, 43%, 56%); --blue-500-hover: hsl(212, 44%, 44%); --blue-600-hover: hsl(212, 54%, 32%); --blue-700-hover: hsl(212, 57%, 23%); --blue-800-hover: hsl(212, 57%, 14%); --blue-900-hover: hsl(215, 55%, 6%); --gray-100: hsl(210, 17%, 98%); --gray-200: hsl(210, 16%, 93%); --gray-300: hsl(210, 14%, 89%); --gray-400: hsl(210, 14%, 83%); --gray-500: hsl(210, 11%, 71%); --gray-600: hsl(208, 7%, 46%); --gray-700: hsl(210, 9%, 31%); --gray-800: hsl(210, 10%, 23%); --gray-900: hsl(210, 11%, 15%); --orange-100: hsl(31, 100%, 95%); --orange-200: hsl(30, 100%, 85%); --orange-300: hsl(30, 100%, 75%); --orange-400: hsl(30, 100%, 65%); --orange-500: hsl(30, 100%, 55%); --orange-600: hsl(30, 100%, 45%); --orange-700: hsl(30, 100%, 35%); --orange-800: hsl(30, 100%, 25%); --orange-900: hsl(30, 100%, 15%); --orange-100-hover: hsl(28, 100%, 93%); --orange-200-hover: hsl(28, 100%, 80%); --orange-300-hover: hsl(28, 100%, 70%); --orange-400-hover: hsl(29, 100%, 60%); --orange-500-hover: hsl(32, 100%, 45%); --orange-600-hover: hsl(30, 100%, 40%); --orange-700-hover: hsl(30, 100%, 30%); --orange-800-hover: hsl(30, 100%, 20%); --orange-900-hover: hsl(31, 100%, 10%); --fs-body-s: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --fs-body-m: clamp(1.13rem, calc(0 * (100vw - 22.5rem) + 1.13rem), 1.13rem); --fs-body-l: clamp(1.25rem, calc(0 * (100vw - 22.5rem) + 1.25rem), 1.25rem); --fs-heading-h3: clamp(1.38rem, calc(0 * (100vw - 22.5rem) + 1.38rem), 1.38rem); --fs-heading-h2: clamp(2rem, calc(0 * (100vw - 22.5rem) + 2rem), 2rem); --fs-heading-h1: clamp(2.88rem, calc(0.005481481481481483 * (100vw - 22.5rem) + 2.88rem), 3.25rem); --space-xs: 0.5rem; --space-s: 0.75rem; --space-m: 1rem; --space-l: 1.25rem; --space-xl: 1.5rem; --space-2xl: 2rem;}.space-xsxs { .5rem: var(--space-xs); }.space-xss { .5rem: var(--space-s); }.space-xsm { .5rem: var(--space-m); }.space-xsl { .5rem: var(--space-l); }.space-xsxl { .5rem: var(--space-xl); }.space-xs2xl { .5rem: var(--space-2xl); }.space-sxs { .75rem: var(--space-xs); }.space-ss { .75rem: var(--space-s); }.space-sm { .75rem: var(--space-m); }.space-sl { .75rem: var(--space-l); }.space-sxl { .75rem: var(--space-xl); }.space-s2xl { .75rem: var(--space-2xl); }.space-mxs { 1rem: var(--space-xs); }.space-ms { 1rem: var(--space-s); }.space-mm { 1rem: var(--space-m); }.space-ml { 1rem: var(--space-l); }.space-mxl { 1rem: var(--space-xl); }.space-m2xl { 1rem: var(--space-2xl); }.space-lxs { 1.25rem: var(--space-xs); }.space-ls { 1.25rem: var(--space-s); }.space-lm { 1.25rem: var(--space-m); }.space-ll { 1.25rem: var(--space-l); }.space-lxl { 1.25rem: var(--space-xl); }.space-l2xl { 1.25rem: var(--space-2xl); }.space-xlxs { 1.5rem: var(--space-xs); }.space-xls { 1.5rem: var(--space-s); }.space-xlm { 1.5rem: var(--space-m); }.space-xll { 1.5rem: var(--space-l); }.space-xlxl { 1.5rem: var(--space-xl); }.space-xl2xl { 1.5rem: var(--space-2xl); }