:root { --100green: hsl(104 26% 66%); --100orange: #e68600; --100orange-l-1: #ea9a2a; --100orange-l-2: #eeae55; --100orange-l-3: #f3c380; --100orange-l-4: #f7d7aa; --100orange-l-5: #fbebd5; --100navy: #071225; --100navy-l-1: #2a3444; --100navy-l-2: #4e5663; --100navy-l-3: #717882; --100navy-l-4: #9599a2; --100navy-l-5: #b8bbc1; --100navy-l-6: #dcdde0; --100green-l-1: hsl(104, 26%, 72%); --100green-l-2: hsl(104, 26%, 77%); --100green-l-3: hsl(104, 26%, 83%); --100green-l-4: hsl(104, 26%, 89%); --100green-l-5: hsl(104, 26%, 94%); --100green-d-1: hsl(104, 13%, 50%); --100green-d-2: hsl(104, 13%, 33%); --100green-d-3: hsl(104, 13%, 17%); --primary-warm-brown: #937f5a; --secondary-dark: #1f1f1f; --headings-darkest: #171717; --text-light: #FFFFFF; --success: #2ECC71; --warning: #F39C12; --error: #E74C3C; --info: #3498DB; --color-primary: #937f5a; --color-secondary: #171717; --color-accent: #FFFFFF; --color-success: #2ECC71; --color-warning: #F39C12; --color-error: #E74C3C; --color-info: #3498DB; --color-neutral-900: #FFFFFF; --color-neutral-800: #CCCCCC; --color-neutral-600: #999999; --color-neutral-300: #333333; --color-neutral-100: #1f1f1f; --text-1: clamp(0.98rem, calc(0.0006481481481481487 * (100vw - 36rem) + 0.98rem), 1.05rem); --text-2: clamp(1.11rem, calc(0.0007407407407407393 * (100vw - 36rem) + 1.11rem), 1.19rem); --text-3: clamp(1.24rem, calc(0.000833333333333334 * (100vw - 36rem) + 1.24rem), 1.33rem); --text-4: clamp(1.4rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.4rem), 1.5rem); --text-5: clamp(1.57rem, calc(0.00111111111111111 * (100vw - 36rem) + 1.57rem), 1.69rem); --text-6: clamp(1.77rem, calc(0.0012037037037037027 * (100vw - 36rem) + 1.77rem), 1.9rem); --text-7: clamp(1.99rem, calc(0.00138888888888889 * (100vw - 36rem) + 1.99rem), 2.14rem); --text-8: clamp(2.24rem, calc(0.0014814814814814786 * (100vw - 36rem) + 2.24rem), 2.4rem); --text-9: clamp(2.52rem, calc(0.001666666666666668 * (100vw - 36rem) + 2.52rem), 2.7rem); --text-10: clamp(2.84rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2.84rem), 3.04rem); --text-11: clamp(3.19rem, calc(0.0021296296296296293 * (100vw - 36rem) + 3.19rem), 3.42rem); --heading-1: clamp(1.74rem, calc(0 * (100vw - 36rem) + 1.74rem), 1.74rem); --heading-2: clamp(2.08rem, calc(0 * (100vw - 36rem) + 2.08rem), 2.08rem); --heading-3: clamp(2.5rem, calc(0 * (100vw - 36rem) + 2.5rem), 2.5rem); --heading-4: clamp(3rem, calc(0 * (100vw - 36rem) + 3rem), 3rem); --heading-5: clamp(3.6rem, calc(0 * (100vw - 36rem) + 3.6rem), 3.6rem); --heading-6: clamp(4.32rem, calc(0 * (100vw - 36rem) + 4.32rem), 4.32rem); --heading-7: clamp(5.18rem, calc(0 * (100vw - 36rem) + 5.18rem), 5.18rem); --heading-8: clamp(6.22rem, calc(0 * (100vw - 36rem) + 6.22rem), 6.22rem); --heading-9: clamp(7.46rem, calc(0 * (100vw - 36rem) + 7.46rem), 7.46rem); --heading-10: clamp(8.96rem, calc(0 * (100vw - 36rem) + 8.96rem), 8.96rem); --heading-11: clamp(10.75rem, calc(0 * (100vw - 36rem) + 10.75rem), 10.75rem); --space-4xs: clamp(0.71rem, calc(0.0015740740740740745 * (100vw - 36rem) + 0.71rem), 0.88rem); --space-3xs: clamp(1rem, calc(0.0023148148148148147 * (100vw - 36rem) + 1rem), 1.25rem); --space-2xs: clamp(1.41rem, calc(0.0033333333333333344 * (100vw - 36rem) + 1.41rem), 1.77rem); --space-xs: clamp(2rem, calc(0.004629629629629629 * (100vw - 36rem) + 2rem), 2.5rem); --space-s: clamp(2.83rem, calc(0.006574074074074073 * (100vw - 36rem) + 2.83rem), 3.54rem); --space-m: clamp(4rem, calc(0.009259259259259259 * (100vw - 36rem) + 4rem), 5rem); --space-l: clamp(5.65rem, calc(0.013148148148148147 * (100vw - 36rem) + 5.65rem), 7.07rem); --space-xl: clamp(8rem, calc(0.01842592592592593 * (100vw - 36rem) + 8rem), 9.99rem); --space-2xl: clamp(11.31rem, calc(0.026111111111111113 * (100vw - 36rem) + 11.31rem), 14.13rem); --space-3xl: clamp(15.99rem, calc(0.036944444444444446 * (100vw - 36rem) + 15.99rem), 19.98rem); --type-h1: 700 48px / 1.2; --type-h2: 700 36px / 1.3; --type-h3: 600 28px / 1.4; --type-h4: 600 20px / 1.4; --type-h5: 600 16px / 1.5; --type-h6: 600 14px / 1.5; --type-lead: 400 18px / 1.6; --type-base: 400 16px / 1.6; --type-small: 400 14px / 1.5; --type-xs: 400 12px / 1.4;}.type-h1 { font-size: var(--type-h1); }.type-h2 { font-size: var(--type-h2); }.type-h3 { font-size: var(--type-h3); }.type-h4 { font-size: var(--type-h4); }.type-h5 { font-size: var(--type-h5); }.type-h6 { font-size: var(--type-h6); }.type-lead { font-size: var(--type-lead); }.type-base { font-size: var(--type-base); }.type-small { font-size: var(--type-small); }.type-xs { font-size: var(--type-xs); }.type-h-1 { font-size: var(--type-h1); }.type-h-2 { font-size: var(--type-h2); }.type-h-3 { font-size: var(--type-h3); }.type-h-4 { font-size: var(--type-h4); }.type-h-5 { font-size: var(--type-h5); }.type-h-6 { font-size: var(--type-h6); }.type--lead { font-size: var(--type-lead); }.type--base { font-size: var(--type-base); }.type--small { font-size: var(--type-small); }.type--xs { font-size: var(--type-xs); }