:root { --theme-primary: #f58420; --theme-secondary: #1b76bc; --color-1: hsl(0, 0%, 96%); --color-2: #e0e0e0; --color-3: hsl(0, 0%, 75%); --color-4: hsl(0, 0%, 50%); --color-5: hsl(0, 0%, 25%); --theme-white: rgb(255, 255, 255); --theme-black: rgb(0, 0, 0); --theme-secondary-t-1: hsla(206, 75%, 42%, 0.17); --theme-secondary-t-2: hsla(206, 75%, 42%, 0.33); --theme-secondary-t-3: hsla(206, 75%, 42%, 0.5); --theme-secondary-t-4: hsla(206, 75%, 42%, 0.67); --theme-secondary-t-5: hsla(206, 75%, 42%, 0.83); --theme-secondary-l-1: #418dc7; --theme-secondary-l-2: #67a4d2; --theme-secondary-l-3: #8dbbde; --theme-secondary-l-4: #b3d1e9; --theme-secondary-l-5: #d9e8f4; --theme-primary-t-1: hsla(28, 91%, 54%, 0.17); --theme-primary-t-2: hsla(28, 91%, 54%, 0.33); --theme-primary-t-3: hsla(28, 91%, 54%, 0.5); --theme-primary-t-4: hsla(28, 91%, 54%, 0.67); --theme-primary-t-5: hsla(28, 91%, 54%, 0.83); --theme-primary-l-1: #f79945; --theme-primary-l-2: #f8ad6a; --theme-primary-l-3: #fac290; --theme-primary-l-4: #fcd6b5; --theme-primary-l-5: #fdebda; --theme-black-t-1: rgba(0, 0, 0, 0.17); --theme-black-t-2: rgba(0, 0, 0, 0.33); --theme-black-t-3: rgba(0, 0, 0, 0.5); --theme-black-t-4: rgba(0, 0, 0, 0.67); --theme-black-t-5: rgba(0, 0, 0, 0.83); --theme-black-l-1: rgb(42, 42, 42); --theme-black-l-2: rgb(85, 85, 85); --theme-black-l-3: rgb(128, 128, 128); --theme-black-l-4: rgb(170, 170, 170); --theme-black-l-5: rgb(213, 213, 213); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}