:root { --clr-brand: #00affa; --clr-brand-fg: #f8f7f7; --clr-brand-inv: #00affa; --clr-brand-hover: #009BE6; --clr-brand-inv-hover: rgba(0, 175, 250, 0.08); --clr-text-primary: #222326; --clr-text-secondary: #3b3e44; --clr-bg-primary: #FFFFFF; --clr-bg-secondary: #eff4f5; --clr-border-color: #22232620; --clr-brand-50: #EFF4F5; --clr-brand-100: #D4E5ED; --clr-brand-200: #B0D7E8; --clr-brand-300: #7BC9EA; --clr-brand-400: #3FBDF3; --clr-brand-500: #00B3FF; --clr-brand-600: #0B95D0; --clr-brand-700: #0E7BAA; --clr-brand-800: #0E5E81; --clr-brand-900: #0D4259; --clr-brand-950: #092734; --clr-brand-1000: #041015; --clr-scheme-1-50: #F0F3F4; --clr-scheme-1-100: #D8E4E9; --clr-scheme-1-200: #B8D4E0; --clr-scheme-1-300: #8CC2D9; --clr-scheme-1-400: #5AB2D8; --clr-scheme-1-500: #26A3D9; --clr-scheme-1-600: #1C8EBF; --clr-scheme-1-700: #1877A0; --clr-scheme-1-800: #155B7A; --clr-scheme-1-900: #124054; --clr-scheme-1-950: #0D2630; --clr-scheme-1-1000: #060F13; --text-2xs: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --text-xs: clamp(1.4rem, calc(0 * (100vw - 36rem) + 1.4rem), 1.4rem); --text-sm: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --text-md: clamp(1.8rem, calc(0 * (100vw - 36rem) + 1.8rem), 1.8rem); --text-lg: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --text-xl: clamp(2rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2rem), 2.2rem); --text-2xl: clamp(2.2rem, calc(0.0018518518518518493 * (100vw - 36rem) + 2.2rem), 2.4rem); --text-3xl: clamp(2.4rem, calc(0.003703703703703703 * (100vw - 36rem) + 2.4rem), 2.8rem); --text-4xl: clamp(2.8rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.8rem), 3.6rem); --text-5xl: clamp(3.6rem, calc(0.011111111111111108 * (100vw - 36rem) + 3.6rem), 4.8rem); --text-6xl: clamp(4.8rem, calc(0.022222222222222227 * (100vw - 36rem) + 4.8rem), 7.2rem); --space-2xs: clamp(0.5rem, calc(0 * (100vw - 36rem) + 0.5rem), 0.5rem); --space-xs: clamp(1rem, calc(0 * (100vw - 36rem) + 1rem), 1rem); --space-sm: clamp(1.5rem, calc(0.004629629629629629 * (100vw - 36rem) + 1.5rem), 2rem); --space-md: clamp(2rem, calc(0.004629629629629629 * (100vw - 36rem) + 2rem), 2.5rem); --space-lg: clamp(2.5rem, calc(0.004629629629629629 * (100vw - 36rem) + 2.5rem), 3rem); --space-xl: clamp(3rem, calc(0.009259259259259259 * (100vw - 36rem) + 3rem), 4rem); --space-2xl: clamp(4rem, calc(0.018518518518518517 * (100vw - 36rem) + 4rem), 6rem); --space-3xl: clamp(5rem, calc(0.027777777777777776 * (100vw - 36rem) + 5rem), 8rem); --space-4xl: clamp(6rem, calc(0.037037037037037035 * (100vw - 36rem) + 6rem), 10rem); --space-5xl: clamp(7rem, calc(0.046296296296296294 * (100vw - 36rem) + 7rem), 12rem); --space-6xl: clamp(8rem, calc(0.05555555555555555 * (100vw - 36rem) + 8rem), 14rem); --space-7xl: clamp(9rem, calc(0.06481481481481481 * (100vw - 36rem) + 9rem), 16rem); --radius-2xs: clamp(0.4rem, calc(0.0018518518518518515 * (100vw - 36rem) + 0.4rem), 0.6rem); --radius-xs: clamp(0.6rem, calc(0.0018518518518518526 * (100vw - 36rem) + 0.6rem), 0.8rem); --radius-sm: clamp(0.8rem, calc(0.003703703703703703 * (100vw - 36rem) + 0.8rem), 1.2rem); --radius-md: clamp(1.2rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.2rem), 1.6rem); --radius-lg: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --radius-xl: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --radius-2xl: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --radius-3xl: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem); --radius-4xl: clamp(4rem, calc(0.022222222222222227 * (100vw - 36rem) + 4rem), 6.4rem); --radius-5xl: clamp(4.8rem, calc(0.02962962962962963 * (100vw - 36rem) + 4.8rem), 8rem); --radius-6xl: clamp(5.6rem, calc(0.037037037037037035 * (100vw - 36rem) + 5.6rem), 9.6rem); --radius-full: 999px;}