:root { --primary: hsl(211, 97%, 14%); --brand-hover: hsl(228, 77%, 5%); --heading: #000; --secondary: hsl(351, 87%, 44%); --border-color: #ddd; --bg-section: #f5f5f5; --secondary-l-1: hsl(351, 68%, 53%); --secondary-l-2: hsl(351, 68%, 63%); --secondary-l-3: hsl(351, 68%, 72%); --secondary-l-4: hsl(351, 68%, 81%); --secondary-l-5: hsl(351, 68%, 91%); --white: #fff; --radius-2xs: clamp(0.51rem, calc(0.00031806615776081454 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --radius-xs: clamp(0.64rem, calc(0.000954198473282442 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --radius-s: clamp(0.8rem, calc(0.0022264631043256984 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --radius-m: clamp(1rem, calc(0.003975826972010178 * (100vw - 22.5rem) + 1rem), 1.25rem); --radius-l: clamp(1.25rem, calc(0.006679389312977098 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --radius-xl: clamp(1.56rem, calc(0.010496183206106874 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --radius-2xl: clamp(1.95rem, calc(0.01606234096692112 * (100vw - 22.5rem) + 1.95rem), 2.96rem); --space-2xs: clamp(0.51rem, calc(0.008746819338422394 * (100vw - 22.5rem) + 0.51rem), 1.06rem); --space-xs: clamp(0.64rem, calc(0.012245547073791349 * (100vw - 22.5rem) + 0.64rem), 1.41rem); --space-s: clamp(0.8rem, calc(0.017175572519083967 * (100vw - 22.5rem) + 0.8rem), 1.88rem); --space-m: clamp(1rem, calc(0.02385496183206107 * (100vw - 22.5rem) + 1rem), 2.5rem); --space-l: clamp(1.25rem, calc(0.033078880407124686 * (100vw - 22.5rem) + 1.25rem), 3.33rem); --space-xl: clamp(1.56rem, calc(0.04580152671755726 * (100vw - 22.5rem) + 1.56rem), 4.44rem); --space-2xl: clamp(1.95rem, calc(0.06313613231552163 * (100vw - 22.5rem) + 1.95rem), 5.92rem); --text-2xs: clamp(0.5rem, calc(0.002067430025445293 * (100vw - 22.5rem) + 0.5rem), 0.63rem); --text-xs: clamp(0.63rem, calc(0.0019083969465648856 * (100vw - 22.5rem) + 0.63rem), 0.75rem); --text-s: clamp(0.75rem, calc(0.002067430025445293 * (100vw - 22.5rem) + 0.75rem), 0.88rem); --text-m: clamp(0.88rem, calc(0.0019083969465648856 * (100vw - 22.5rem) + 0.88rem), 1rem); --text-l: clamp(1rem, calc(0.002067430025445291 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-xl: clamp(1.13rem, calc(0.0019083969465648874 * (100vw - 22.5rem) + 1.13rem), 1.25rem); --text-2xl: clamp(1.25rem, calc(0.002067430025445291 * (100vw - 22.5rem) + 1.25rem), 1.38rem); --heading-2xs: clamp(1.31rem, calc(0.006997455470737914 * (100vw - 22.5rem) + 1.31rem), 1.75rem); --heading-xs: clamp(1.5rem, calc(0.007951653944020356 * (100vw - 22.5rem) + 1.5rem), 2rem); --heading-s: clamp(1.63rem, calc(0.007951653944020356 * (100vw - 22.5rem) + 1.63rem), 2.13rem); --heading-m: clamp(1.75rem, calc(0.010019083969465648 * (100vw - 22.5rem) + 1.75rem), 2.38rem); --heading-l: clamp(2rem, calc(0.010019083969465648 * (100vw - 22.5rem) + 2rem), 2.63rem); --heading-xl: clamp(2.25rem, calc(0.011927480916030535 * (100vw - 22.5rem) + 2.25rem), 3rem); --heading-2xl: clamp(2.38rem, calc(0.013835877862595422 * (100vw - 22.5rem) + 2.38rem), 3.25rem); --heading-3xl: clamp(2.5rem, calc(0.01987913486005089 * (100vw - 22.5rem) + 2.5rem), 3.75rem); --heading-4xl: clamp(2.88rem, calc(0.020833333333333343 * (100vw - 22.5rem) + 2.88rem), 4.19rem);}.bg-secondary { background-color: var(--secondary); }.bg-secondary-l-1 { background-color: var(--secondary-l-1); }.bg-secondary-l-2 { background-color: var(--secondary-l-2); }.bg-secondary-l-3 { background-color: var(--secondary-l-3); }.bg-secondary-l-4 { background-color: var(--secondary-l-4); }.bg-secondary-l-5 { background-color: var(--secondary-l-5); }.text-secondary { color: var(--secondary); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-l-3 { color: var(--secondary-l-3); }.text-secondary-l-4 { color: var(--secondary-l-4); }.text-secondary-l-5 { color: var(--secondary-l-5); }.radius-2xs { border-radius: var(--radius-2xs); }.radius-xs { border-radius: var(--radius-xs); }.radius-s { border-radius: var(--radius-s); }.radius-m { border-radius: var(--radius-m); }.radius-l { border-radius: var(--radius-l); }.radius-xl { border-radius: var(--radius-xl); }.radius-2xl { border-radius: var(--radius-2xl); }