:root { --white: #FFFFFF; --cloud: #F6F2F1; --sand: #F0E2CE; --stone: #6E6264; --zest: #E49539; --poppy: #D2712A; --terracotta: #DA7E71; --orchid: #8E6E9B; --iris: #424060; --indigo: #0D1732; --spacing-sm: .25rem; --spacing-md: .5rem; --spacing-lg: 1rem; --spacing-xl: 1.5rem; --spacing-2xl: 2.25rem; --spacing-3xl: 3rem; --spacing-4xl: 4rem; --spacing-5xl: 6rem; --spacing-6xl: 8rem; --text-2xs: clamp(0.51rem, calc(-0.001037037037037037 * (100vw - 22.5rem) + 0.51rem), 0.44rem); --text-xs: clamp(0.64rem, calc(-0.00014814814814814828 * (100vw - 22.5rem) + 0.64rem), 0.63rem); --text-s: clamp(0.8rem, calc(0.0011851851851851845 * (100vw - 22.5rem) + 0.875rem), 1rem); --text-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-l: clamp(1.25rem, calc(0.007703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.77rem); --text-xl: clamp(1.56rem, calc(0.013925925925925925 * (100vw - 22.5rem) + 1.56rem), 2.5rem); --text-2xl: clamp(1.95rem, calc(0.023407407407407405 * (100vw - 22.5rem) + 1.95rem), 3.53rem);}.bg-white { background-color: var(--white); }.text-indigo { color: var(--indigo); }