:root { --primary-ultra-light: var(--brand-primary-l-5, var(--theme-primary-l-5)); --primary-light: var(--brand-primary-l-3, var(--theme-primary-l-3)); --primary: var(--brand-primary, var(--theme-primary)); --primary-dark: var(--brand-primary-d-3, var(--theme-primary-d-3)); --primary-ultra-dark: var(--brand-primary-d-5, var(--theme-primary-d-5)); --secondary-ultra-light: var(--brand-secondary-l-5, var(--theme-secondary-l-5)); --secondary-light: var(--brand-secondary-l-3, var(--theme-secondary-l-3)); --secondary: var(--brand-secondary, var(--theme-secondary)); --secondary-dark: var(--brand-secondary-d-3, var(--theme-secondary-d-3)); --secondary-ultra-dark: var(--brand-secondary-d-5, var(--theme-secondary-d-5)); --base-ultra-light: var(--brand-base-l-5, var(--theme-base-l-5)); --base-light: var(--brand-base-l-3, var(--theme-base-l-3)); --base: var(--brand-base, var(--theme-base)); --base-dark: var(--brand-base-d-2, var(--theme-base-d-2)); --base-ultra-dark: var(--brand-base-d-4, var(--theme-base-d-4)); --neutral-ultra-light: var(--neutral-l-5); --neutral-light: var(--neutral-l-3); --neutral: hsl(0 0% 50%); --neutral-dark: var(--neutral-d-3); --neutral-ultra-dark: var(--neutral-d-5); --white: hsl(0 0% 100%); --neutral-l-1: hsl(0, 0%, 58%); --neutral-l-2: hsl(0, 0%, 67%); --neutral-l-3: hsl(0, 0%, 75%); --neutral-l-4: hsl(0, 0%, 83%); --neutral-l-5: hsl(0, 0%, 92%); --neutral-d-1: hsl(0, 0%, 42%); --neutral-d-2: hsl(0, 0%, 33%); --neutral-d-3: hsl(0, 0%, 25%); --neutral-d-4: hsl(0, 0%, 17%); --neutral-d-5: hsl(0, 0%, 8%); --neutral-t-1: hsla(0, 0%, 50%, 0.17); --neutral-t-2: hsla(0, 0%, 50%, 0.33); --neutral-t-3: hsla(0, 0%, 50%, 0.5); --neutral-t-4: hsla(0, 0%, 50%, 0.67); --neutral-t-5: hsla(0, 0%, 50%, 0.83); --black: hsl(0 0% 0%); --brand-primary: #0b2556; --brand-primary-l-1: #344972; --brand-primary-l-2: #5c6e8e; --brand-primary-l-3: #8592ab; --brand-primary-l-4: #aeb6c7; --brand-primary-l-5: #d6dbe3; --brand-primary-d-1: #091f48; --brand-primary-d-2: #071939; --brand-primary-d-3: #06132b; --brand-primary-d-4: #040c1d; --brand-primary-d-5: #02060e; --brand-primary-t-1: hsla(219, 77%, 19%, 0.17); --brand-primary-t-2: hsla(219, 77%, 19%, 0.33); --brand-primary-t-3: hsla(219, 77%, 19%, 0.5); --brand-primary-t-4: hsla(219, 77%, 19%, 0.67); --brand-primary-t-5: hsla(219, 77%, 19%, 0.83); --brand-secondary: #d92721; --brand-secondary-l-1: #df4b46; --brand-secondary-l-2: #e66f6b; --brand-secondary-l-3: #ec9390; --brand-secondary-l-4: #f2b7b5; --brand-secondary-l-5: #f9dbda; --brand-secondary-d-1: #b5211c; --brand-secondary-d-2: #911a16; --brand-secondary-d-3: #6d1411; --brand-secondary-d-4: #480d0b; --brand-secondary-d-5: #240706; --brand-secondary-t-1: hsla(2, 74%, 49%, 0.17); --brand-secondary-t-2: hsla(2, 74%, 49%, 0.33); --brand-secondary-t-3: hsla(2, 74%, 49%, 0.5); --brand-secondary-t-4: hsla(2, 74%, 49%, 0.67); --brand-secondary-t-5: hsla(2, 74%, 49%, 0.83); --brand-accent: #005e01; --brand-accent-l-1: #2a792b; --brand-accent-l-2: #559456; --brand-accent-l-3: #80af80; --brand-accent-l-4: #aac9aa; --brand-accent-l-5: #d5e4d5; --brand-accent-d-1: #004e01; --brand-accent-d-2: #003f01; --brand-accent-d-3: #002f01; --brand-accent-d-4: #001f00; --brand-accent-d-5: #001000; --brand-accent-t-1: hsla(121, 100%, 18%, 0.17); --brand-accent-t-2: hsla(121, 100%, 18%, 0.33); --brand-accent-t-3: hsla(121, 100%, 18%, 0.5); --brand-accent-t-4: hsla(121, 100%, 18%, 0.67); --brand-accent-t-5: hsla(121, 100%, 18%, 0.83); --brand-base: #2a2f3d; --brand-base-t-1: hsla(224, 18%, 20%, 0.17); --brand-base-t-2: hsla(224, 18%, 20%, 0.33); --brand-base-t-3: hsla(224, 18%, 20%, 0.5); --brand-base-t-4: hsla(224, 18%, 20%, 0.67); --brand-base-t-5: hsla(224, 18%, 20%, 0.83); --brand-base-l-1: #3d424f; --brand-base-l-2: #515560; --brand-base-l-3: #646872; --brand-base-l-4: #777b84; --brand-base-l-5: #8b8e95; --brand-base-l-6: #9ea0a7; --brand-base-l-7: #b2b3b8; --brand-base-l-8: #c5c6ca; --brand-base-l-9: #d8d9dc; --brand-base-l-10: #ececed; --brand-base-d-1: #262b37; --brand-base-d-2: #222632; --brand-base-d-3: #1f222c; --brand-base-d-4: #1b1e27; --brand-base-d-5: #171a21; --brand-base-d-6: #13151c; --brand-base-d-7: #0f1116; --brand-base-d-8: #0b0d11; --brand-base-d-9: #08090b; --brand-base-d-10: #040406; --theme-primary: hsl(74.88, 99.21%, 50.59%); --theme-secondary: hsl(195 99.21% 50.59%); --theme-accent: hsl(15 99.21% 50.59%); --theme-primary-l-1: hsl(75, 99%, 59%); --theme-primary-l-2: hsl(75, 99%, 67%); --theme-primary-l-3: hsl(75, 99%, 75%); --theme-primary-l-4: hsl(75, 99%, 84%); --theme-primary-l-5: hsl(75, 99%, 92%); --theme-primary-d-1: hsl(75, 97%, 42%); --theme-primary-d-2: hsl(75, 97%, 34%); --theme-primary-d-3: hsl(75, 97%, 25%); --theme-primary-d-4: hsl(75, 97%, 17%); --theme-primary-d-5: hsl(75, 95%, 8%); --theme-primary-t-1: hsla(75, 99%, 51%, 0.17); --theme-primary-t-2: hsla(75, 99%, 51%, 0.33); --theme-primary-t-3: hsla(75, 99%, 51%, 0.5); --theme-primary-t-4: hsla(75, 99%, 51%, 0.67); --theme-primary-t-5: hsla(75, 99%, 51%, 0.83); --theme-base: hsl(75, 95%, 8%); --theme-secondary-l-1: hsl(195, 99%, 59%); --theme-secondary-l-2: hsl(195, 99%, 67%); --theme-secondary-l-3: hsl(195, 99%, 75%); --theme-secondary-l-4: hsl(195, 99%, 84%); --theme-secondary-l-5: hsl(195, 99%, 92%); --theme-secondary-d-1: hsl(195, 97%, 42%); --theme-secondary-d-2: hsl(195, 97%, 34%); --theme-secondary-d-3: hsl(195, 97%, 25%); --theme-secondary-d-4: hsl(195, 97%, 17%); --theme-secondary-d-5: hsl(195, 95%, 8%); --theme-secondary-t-1: hsla(195, 99%, 51%, 0.17); --theme-secondary-t-2: hsla(195, 99%, 51%, 0.33); --theme-secondary-t-3: hsla(195, 99%, 51%, 0.5); --theme-secondary-t-4: hsla(195, 99%, 51%, 0.67); --theme-secondary-t-5: hsla(195, 99%, 51%, 0.83); --theme-accent-l-1: hsl(15, 99%, 59%); --theme-accent-l-2: hsl(15, 99%, 67%); --theme-accent-l-3: hsl(15, 99%, 75%); --theme-accent-l-4: hsl(15, 99%, 84%); --theme-accent-l-5: hsl(15, 99%, 92%); --theme-accent-d-1: hsl(15, 97%, 42%); --theme-accent-d-2: hsl(15, 97%, 34%); --theme-accent-d-3: hsl(15, 97%, 25%); --theme-accent-d-4: hsl(15, 97%, 17%); --theme-accent-d-5: hsl(15, 95%, 8%); --theme-accent-t-1: hsla(15, 99%, 51%, 0.17); --theme-accent-t-2: hsla(15, 99%, 51%, 0.33); --theme-accent-t-3: hsla(15, 99%, 51%, 0.5); --theme-accent-t-4: hsla(15, 99%, 51%, 0.67); --theme-accent-t-5: hsla(15, 99%, 51%, 0.83); --theme-base-l-1: hsl(75, 27%, 23%); --theme-base-l-2: hsl(75, 13%, 39%); --theme-base-l-3: hsl(75, 8%, 54%); --theme-base-l-4: hsl(75, 8%, 69%); --theme-base-l-5: hsl(75, 8%, 85%); --theme-base-d-1: hsl(75, 94%, 7%); --theme-base-d-2: hsl(76, 93%, 5%); --theme-base-d-3: hsl(76, 90%, 4%); --theme-base-d-4: hsl(75, 100%, 3%); --theme-base-d-5: hsl(75, 100%, 1%); --theme-base-t-1: hsla(75, 95%, 8%, 0.17); --theme-base-t-2: hsla(75, 95%, 8%, 0.33); --theme-base-t-3: hsla(75, 95%, 8%, 0.5); --theme-base-t-4: hsla(75, 95%, 8%, 0.67); --theme-base-t-5: hsla(75, 95%, 8%, 0.83); --text-xs: clamp(1.02rem, calc(0.0010934393638170963 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-sm: clamp(1.28rem, calc(0.002186878727634195 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-md: clamp(1.6rem, calc(0.003976143141153081 * (100vw - 36rem) + 1.6rem), 2rem); --text-lg: clamp(2rem, calc(0.006660039761431411 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.010437375745526839 * (100vw - 36rem) + 2.5rem), 3.55rem); --h6: clamp(1.15rem, calc(-0.00019880715705765427 * (100vw - 36rem) + 1.15rem), 1.13rem); --h5: clamp(1.44rem, calc(0.0005964214711729628 * (100vw - 36rem) + 1.44rem), 1.5rem); --h4: clamp(1.8rem, calc(0.0019880715705765406 * (100vw - 36rem) + 1.8rem), 2rem); --h3: clamp(2.25rem, calc(0.004174950298210735 * (100vw - 36rem) + 2.25rem), 2.67rem); --h2: clamp(2.81rem, calc(0.007355864811133199 * (100vw - 36rem) + 2.81rem), 3.55rem); --h1: clamp(3.52rem, calc(0.012127236580516901 * (100vw - 36rem) + 3.52rem), 4.74rem); --display: clamp(4.39rem, calc(0.019085487077534793 * (100vw - 36rem) + 4.39rem), 6.31rem); --space-xs: clamp(0.4rem, calc(0.003976143141153082 * (100vw - 36rem) + 0.4rem), 0.8rem); --space-sm: clamp(0.8rem, calc(0.007952286282306164 * (100vw - 36rem) + 0.8rem), 1.6rem); --space-md: clamp(1.2rem, calc(0.011928429423459244 * (100vw - 36rem) + 1.2rem), 2.4rem); --space-lg: clamp(1.6rem, calc(0.015904572564612328 * (100vw - 36rem) + 1.6rem), 3.2rem); --space-xl: clamp(2.4rem, calc(0.02385685884691849 * (100vw - 36rem) + 2.4rem), 4.8rem); --section-space-xs: clamp(2.4rem, calc(0.007952286282306166 * (100vw - 36rem) + 2.4rem), 3.2rem); --section-space-sm: clamp(3.2rem, calc(0.015904572564612324 * (100vw - 36rem) + 3.2rem), 4.8rem); --section-space-md: clamp(4.8rem, calc(0.01590457256461233 * (100vw - 36rem) + 4.8rem), 6.4rem); --section-space-lg: clamp(6.4rem, calc(0.03180914512922465 * (100vw - 36rem) + 6.4rem), 9.6rem); --section-space-xl: clamp(9.6rem, calc(0.03180914512922466 * (100vw - 36rem) + 9.6rem), 12.8rem); --gutter: clamp(1.6rem, calc(0.06361829025844931 * (100vw - 36rem) + 1.6rem), 8rem);}