:root { --primary-xdark: #111C33; --primary-dark: #2C3E63; --primary-base: #2F7FD3; --primary-light: #7FB4E5; --primary-xlight: hsl(201, 55%, 92%); --primary-xxlight: hsl(201, 55%, 96%); --secondary-xdark: #111C33; --secondary-dark: #2C3E63; --secondary-base: #2F7FD3; --secondary-light: #7FB4E5; --secondary-xlight: hsl(201, 55%, 92%); --neutral-xxdark: #0B0C0D; --neutral-xdark: #232426; --neutral-dark: #343638; --neutral-base: #686C70; --neutral-light: #AEB1B3; --neutral-xlight: #F3F4F5; --neutral-xxlight: #FFFFFF; --color-error: hsl(345, 89%, 46%); --color-success: hsl(134, 74%, 47%); --color-warn: hsl(46, 94%, 47%); --headings-xs: clamp(1rem, calc(0.004761904761904762 * (100vw - 22.5rem) + 1rem), 1.25rem); --headings-s: clamp(1.38rem, calc(0.0022857142857142876 * (100vw - 22.5rem) + 1.38rem), 1.5rem); --headings-m: clamp(1.5rem, calc(0.009523809523809525 * (100vw - 22.5rem) + 1.5rem), 2rem); --headings-l: clamp(1.5rem, calc(0.01904761904761905 * (100vw - 22.5rem) + 1.5rem), 2.5rem); --headings-xl: clamp(2rem, calc(0.02857142857142857 * (100vw - 22.5rem) + 2rem), 3.5rem); --body-s: clamp(0.88rem, calc(0.0011428571428571419 * (100vw - 22.5rem) + 0.88rem), 0.94rem); --body-m: clamp(0.94rem, calc(0.0011428571428571438 * (100vw - 22.5rem) + 0.94rem), 1rem); --body-l: clamp(1rem, calc(0.0011428571428571438 * (100vw - 22.5rem) + 1rem), 1.06rem); --nav-s: clamp(0.81rem, calc(0.0013333333333333324 * (100vw - 22.5rem) + 0.81rem), 0.88rem); --nav-m: clamp(0.88rem, calc(0.0011428571428571419 * (100vw - 22.5rem) + 0.88rem), 0.94rem); --nav-l: clamp(1rem, calc(0.0011428571428571438 * (100vw - 22.5rem) + 1rem), 1.06rem);}