:root { --navy-950: #001B35; --navy-900: #00264A; --navy-800: #003566; --navy-700: #0F4C86; --navy-600: #2563A3; --sky-50: #F3F9FF; --sky-100: #E6F2FF; --sky-200: #CCE5FF; --sky-300: #91CAFF; --slate-600: #4B5A6B; --slate-500: #6A7787; --slate-300: #C3CDD8; --slate-200: #DCE4EC; --white: #FFFFFF; --space-2xs: clamp(0.51rem, calc(0.0002962963 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --space-xs: clamp(0.64rem, calc(0.0008888889 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --space-s: clamp(0.8rem, calc(0.0020740741 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --space-m: clamp(1rem, calc(0.0037037037 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-l: clamp(1.25rem, calc(0.0062222222 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --space-xl: clamp(1.56rem, calc(0.0097777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --space-2xl: clamp(1.95rem, calc(0.014962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem); --space-3xl: clamp(2.44rem, calc(0.0223703704 * (100vw - 22.5rem) + 2.44rem), 3.95rem); --text-xs: clamp(0.69rem, calc(0.0001481481 * (100vw - 22.5rem) + 0.69rem), 0.7rem); --text-s: clamp(0.83rem, calc(0.0016296296 * (100vw - 22.5rem) + 0.83rem), 0.94rem); --text-m: clamp(1rem, calc(0.0037037037 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-l: clamp(1.2rem, calc(0.006962963 * (100vw - 22.5rem) + 1.2rem), 1.67rem); --text-xl: clamp(1.44rem, calc(0.0115555556 * (100vw - 22.5rem) + 1.44rem), 2.22rem); --text-2xl: clamp(1.73rem, calc(0.0182222222 * (100vw - 22.5rem) + 1.73rem), 2.96rem); --text-3xl: clamp(2.07rem, calc(0.0278518519 * (100vw - 22.5rem) + 2.07rem), 3.95rem); --text-4xl: clamp(2.49rem, calc(0.041037037 * (100vw - 22.5rem) + 2.49rem), 5.26rem);}