:root { --color-primary: hsla(18, 100%, 50%, 1); --color-secondary: hsl(211 100% 32%); --color-text-1: hsla(0, 0%, 100%, 1); --color-text-2: hsla(218, 11%, 65%, 1); --color-border-1: hsla(0, 0%, 100%, 0.16); --color-border-2: hsla(18, 100%, 50%, 0.16); --color-bg: hsl(0, 0%, 0%); --color-bg-card: hsla(0, 0%, 100%, 0.08); --color-bg-icon: hsla(18, 100%, 50%, 0.2); --bg-grey: #fafafa; --secondary-light: #005FC5; --color-linear-1: hsla(0, 100%, 35%, 1); --color-linear-2: var(--color-primary); --text-4xs: clamp(0.56rem, calc(0.0007407407407407404 * (100vw - 36rem) + 0.56rem), 0.64rem); --text-3xs: clamp(0.68rem, calc(0.0008333333333333331 * (100vw - 36rem) + 0.68rem), 0.77rem); --text-2xs: clamp(0.81rem, calc(0.0011111111111111111 * (100vw - 36rem) + 0.81rem), 0.93rem); --text-xs: clamp(0.97rem, calc(0.0012962962962962973 * (100vw - 36rem) + 0.97rem), 1.11rem); --text-s: clamp(1.17rem, calc(0.0014814814814814827 * (100vw - 36rem) + 1.17rem), 1.33rem); --text-base: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --text-l: clamp(1.68rem, calc(0.0022222222222222222 * (100vw - 36rem) + 1.68rem), 1.92rem); --text-xl: clamp(2.02rem, calc(0.002592592592592591 * (100vw - 36rem) + 2.02rem), 2.3rem); --text-2xl: clamp(2.42rem, calc(0.003148148148148147 * (100vw - 36rem) + 2.42rem), 2.76rem); --text-3xl: clamp(2.9rem, calc(0.0038888888888888883 * (100vw - 36rem) + 2.9rem), 3.32rem); --text-4xl: clamp(3.48rem, calc(0.004629629629629629 * (100vw - 36rem) + 3.48rem), 3.98rem); --text-5xl: clamp(4.18rem, calc(0.00555555555555556 * (100vw - 36rem) + 4.18rem), 4.78rem);}