:root { --brand: #CC4E00; --brand-t-1: hsl(23 100% 40% / 0.05); --brand-t-2: hsl(23 100% 40% / 0.2); --brand-t-3: hsl(23 100% 40% / 0.8); --brand-t-4: hsl(23 100% 40%); --grey: #1C2024; --grey-t-1: hsl(210 12% 13% / 0.04); --grey-t-2: hsl(210 12% 13% / 0.1); --grey-t-3: hsl(210 12% 13% / 0.45); --grey-t-4: hsl(210 12% 13% / 0.65); --grey-t-5: hsl(210 12% 13% / 0.9); --white: #FCFCFC; --white-t-1: hsl(0 0% 99% / 0.04); --white-t-2: hsl(0 0% 99% / 0.1); --white-t-3: hsl(0 0% 99% / 0.45); --white-t-4: hsl(0 0% 99% / 0.65); --white-t-5: hsl(0 0% 99% / 0.9); --error: #CE2C31; --error-t-1: hsl(358 65% 49% / 0.05); --error-t-2: hsl(358 65% 49% / 0.2); --error-t-3: hsl(358 65% 49% / 0.8); --error-t-4: hsl(358 65% 49%); --warning: #AB6400; --warning-t-1: hsl(35 100% 34% / 0.05); --warning-t-2: hsl(35 100% 34% / 0.2); --warning-t-3: hsl(35 100% 34% / 0.8); --warning-t-4: hsl(35 100% 34%); --success: #2A7E3B; --success-t-1: hsl(132 50% 33% / 0.05); --success-t-2: hsl(132 50% 33% / 0.2); --success-t-3: hsl(132 50% 33% / 0.8); --success-t-4: hsl(132 50% 33%); --info: #0588F0; --info-t-1: hsl(207 96% 48% / 0.05); --info-t-2: hsl(207 96% 48% / 0.2); --info-t-3: hsl(207 96% 48% / 0.8); --info-t-4: hsl(207 96% 48%); --space-xs: clamp(0.4rem, calc(0.003703703703703704 * (100vw - 36rem) + 0.4rem), 0.8rem); --space-s: clamp(0.8rem, calc(0.007407407407407408 * (100vw - 36rem) + 0.8rem), 1.6rem); --space-m: clamp(1.6rem, calc(0.007407407407407406 * (100vw - 36rem) + 1.6rem), 2.4rem); --space-l: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --space-xl: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem); --space-2xl: clamp(4.8rem, calc(0.02962962962962963 * (100vw - 36rem) + 4.8rem), 8rem); --space-3xl: clamp(8rem, calc(0.037037037037037035 * (100vw - 36rem) + 8rem), 12rem); --text-xs: clamp(1.42rem, calc(-0.0037962962962962954 * (100vw - 36rem) + 1.42rem), 1.01rem); --text-s: clamp(1.6rem, calc(-0.0023148148148148147 * (100vw - 36rem) + 1.6rem), 1.35rem); --text-m: clamp(1.8rem, calc(0 * (100vw - 36rem) + 1.8rem), 1.8rem); --text-l: clamp(2.02rem, calc(0.0035185185185185176 * (100vw - 36rem) + 2.02rem), 2.4rem); --text-xl: clamp(2.28rem, calc(0.008518518518518522 * (100vw - 36rem) + 2.28rem), 3.2rem); --text-2xl: clamp(2.56rem, calc(0.01574074074074074 * (100vw - 36rem) + 2.56rem), 4.26rem); --text-3xl: clamp(2.88rem, calc(0.025925925925925925 * (100vw - 36rem) + 2.88rem), 5.68rem);}