:root { --color-light-1: hsl(from var(--color-light-3) h s 99%); --color-light-2: hsl(from var(--color-light-3) h s 93%); --color-light-3: hsl(44 39 88); --color-bright-1: #ef7e58; --color-bright-2: hsl(from var(--color-bright-1) h s 28%); --color-bright-3: hsl(107 18 21); --color-dark-1: hsl(210 3 15); --color-dark-2: hsl(from var(--color-dark-1) h s 22%); --color-dark-3: hsl(210 40 16); --color-overlay: hsl(from var(--color-bright-1) h s l / .5); --space-3xs: clamp(0.41rem, calc(-0.002666666666666666 * (100vw - 20rem) + 0.41rem), 0.25rem); --space-2xs: clamp(0.51rem, calc(-0.0023333333333333335 * (100vw - 20rem) + 0.51rem), 0.37rem); --space-xs: clamp(0.64rem, calc(-0.0013333333333333326 * (100vw - 20rem) + 0.64rem), 0.56rem); --space-s: clamp(0.8rem, calc(0.0004999999999999986 * (100vw - 20rem) + 0.8rem), 0.83rem); --space-m: clamp(1rem, calc(0.004166666666666667 * (100vw - 20rem) + 1rem), 1.25rem); --space-l: clamp(1.25rem, calc(0.010499999999999999 * (100vw - 20rem) + 1.25rem), 1.88rem); --space-xl: clamp(1.56rem, calc(0.020833333333333332 * (100vw - 20rem) + 1.56rem), 2.81rem); --space-2xl: clamp(1.95rem, calc(0.03783333333333332 * (100vw - 20rem) + 1.95rem), 4.22rem); --space-3xl: clamp(2.44rem, calc(0.06483333333333334 * (100vw - 20rem) + 2.44rem), 6.33rem); --space-4xl: clamp(3.05rem, calc(0.10733333333333334 * (100vw - 20rem) + 3.05rem), 9.49rem); --space-5xl: clamp(3.81rem, calc(0.17383333333333334 * (100vw - 20rem) + 3.81rem), 14.24rem); --container-gap: var(--space-3xl); --grid-gap: var(--space-l); --content-gap: var(--space-m); --header-height: calc(var(--header-space-vertical) * 2 + var(--logo-height)); --header-space-vertical: var(--space-xs); --logo-height: clamp(3.4rem, 1vw + 3.02rem, 4.3rem); --text-2xs: clamp(0.51rem, calc(-0.0006666666666666673 * (100vw - 20rem) + 0.51rem), 0.47rem); --text-xs: clamp(0.64rem, calc(-0.00016666666666666682 * (100vw - 20rem) + 0.64rem), 0.63rem); --text-s: clamp(0.8rem, calc(0.0006666666666666655 * (100vw - 20rem) + 0.8rem), 0.84rem); --text-m: clamp(1rem, calc(0.002166666666666665 * (100vw - 20rem) + 1rem), 1.13rem); --text-l: clamp(1.25rem, calc(0.004166666666666667 * (100vw - 20rem) + 1.25rem), 1.5rem); --text-xl: clamp(1.56rem, calc(0.007333333333333332 * (100vw - 20rem) + 1.56rem), 2rem); --text-2xl: clamp(1.95rem, calc(0.011833333333333336 * (100vw - 20rem) + 1.95rem), 2.66rem); --text-3xl: clamp(2.44rem, calc(0.0185 * (100vw - 20rem) + 2.44rem), 3.55rem); --text-4xl: clamp(3.05rem, calc(0.02800000000000001 * (100vw - 20rem) + 3.05rem), 4.73rem); --text-5xl: clamp(3.81rem, calc(0.04166666666666666 * (100vw - 20rem) + 3.81rem), 6.31rem); --text-width-s: 20ch; --text-width-m: 45ch; --text-width-l: 65ch; --line-height-text: calc(8px + 2ex);}