:root { --royal-blue: #2563eb; --jet-black: #1e2933; --champagne: #f5e2c8; --sky-aqua: #32cbff; --charcoal: #2d2d2d; --steel: #53718d; --light-grey: #f5f5f5; --white: #ffffff; --green-purchase: #22c55e; --h6: clamp(1.4rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.4rem), 1.8rem); --h5: clamp(1.6rem, calc(0.005555555555555557 * (100vw - 36rem) + 1.6rem), 2.2rem); --h4: clamp(1.8rem, calc(0.008333333333333335 * (100vw - 36rem) + 1.8rem), 2.7rem); --h3: clamp(2.2rem, calc(0.010185185185185183 * (100vw - 36rem) + 2.2rem), 3.3rem); --h2: clamp(2.6rem, calc(0.012962962962962963 * (100vw - 36rem) + 2.6rem), 4rem); --h1: clamp(3.2rem, calc(0.016666666666666666 * (100vw - 36rem) + 3.2rem), 5rem); --body-xs: clamp(1.1rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.1rem), 1.2rem); --body-s: clamp(1.2rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.2rem), 1.3rem); --body-m: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --body-l: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --body-xl: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --space-xs: clamp(0.38rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.38rem), 0.5rem); --space-s: clamp(0.75rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.75rem), 1rem); --space-m: clamp(1.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --space-l: clamp(1.5rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.5rem), 2rem); --space-xl: clamp(2.5rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 2.5rem), 3rem); --space-2xl: clamp(4rem, calc(0.014814814814814815 * (100vw - 22.5rem) + 4rem), 5rem);}.bg-royal-blue { background-color: var(--royal-blue); }.text-royal-blue { color: var(--royal-blue); }.bg-jet-black { background-color: var(--jet-black); }.text-jet-black { color: var(--jet-black); }.bg-champagne { background-color: var(--champagne); }.text-champagne { color: var(--champagne); }.bg-sky-aqua { background-color: var(--sky-aqua); }.text-sky-aqua { color: var(--sky-aqua); }.bg-charcoal { background-color: var(--charcoal); }.text-charcoal { color: var(--charcoal); }.bg-steel { background-color: var(--steel); }.text-steel { color: var(--steel); }.bg-light-grey { background-color: var(--light-grey); }.text-light-grey { color: var(--light-grey); }.bg-white { background-color: var(--white); }.text-white { color: var(--white); }.bg-green-purchase { background-color: var(--green-purchase); }.text-green-purchase { color: var(--green-purchase); }.gap-xs { gap: var(--space-xs); }.gap-s { gap: var(--space-s); }.gap-m { gap: var(--space-m); }.gap-l { gap: var(--space-l); }.gap-xl { gap: var(--space-xl); }.gap-2xl { gap: var(--space-2xl); }.pt-xs { padding-top: var(--space-xs); }.pt-s { padding-top: var(--space-s); }.pt-m { padding-top: var(--space-m); }.pt-l { padding-top: var(--space-l); }.pt-xl { padding-top: var(--space-xl); }.pt-2xl { padding-top: var(--space-2xl); }.pb-xs { padding-bottom: var(--space-xs); }.pb-s { padding-bottom: var(--space-s); }.pb-m { padding-bottom: var(--space-m); }.pb-l { padding-bottom: var(--space-l); }.pb-xl { padding-bottom: var(--space-xl); }.pb-2xl { padding-bottom: var(--space-2xl); }.mt-xs { margin-top: var(--space-xs); }.mt-s { margin-top: var(--space-s); }.mt-m { margin-top: var(--space-m); }.mt-l { margin-top: var(--space-l); }.mt-xl { margin-top: var(--space-xl); }.mt-2xl { margin-top: var(--space-2xl); }.mb-xs { margin-bottom: var(--space-xs); }.mb-s { margin-bottom: var(--space-s); }.mb-m { margin-bottom: var(--space-m); }.mb-l { margin-bottom: var(--space-l); }.mb-xl { margin-bottom: var(--space-xl); }.mb-2xl { margin-bottom: var(--space-2xl); }