:root { --primary: hsl(37 95% 61%); --secondary: hsl(0 0% 68%); --text: hsl(0 0% 20%); --off-white: hsl(330 20% 98%); --primary-dark: hsl(37 96% 33%); --primary-light: hsl(37 96% 81%); --text-shadow: hsl(0 0% 19% / 0.15); --true-white: hsl(0 0% 100%); --contrast-emerald: hsl(126 44% 65%); --black-15: hsl(0 0% 0% / 0.15); --color-11: hsl(36 100% 98%); --record-red: hsl(6 78% 57%); --almost-white-but-yellow: hsl(36 100% 99%); --transparent: hsl(0 0% 100% / 0); --yellow-white-33: hsla(36, 100%, 99%, 0.33); --font-2xs: clamp(0.51rem, calc(0.00039952057530962876 * (100vw - 29.88rem) + 0.51rem), 0.53rem); --font-xs: clamp(0.64rem, calc(0.0011985617259288842 * (100vw - 29.88rem) + 0.64rem), 0.7rem); --font-s: clamp(0.8rem, calc(0.002796644027167397 * (100vw - 29.88rem) + 0.8rem), 0.94rem); --font-m: clamp(1rem, calc(0.004994007191370355 * (100vw - 29.88rem) + 1rem), 1.25rem); --font-l: clamp(1.25rem, calc(0.008389932081502195 * (100vw - 29.88rem) + 1.25rem), 1.67rem); --font-xl: clamp(1.56rem, calc(0.01318417898521774 * (100vw - 29.88rem) + 1.56rem), 2.22rem); --font-2xl: clamp(1.95rem, calc(0.020175789053136235 * (100vw - 29.88rem) + 1.95rem), 2.96rem);}