:root { --background: #fffcf0; --text: #010b13; --primary: #cf4c02; --secondary: hsl(220 5% 89%); --f4: #fff8f0; --black: hsl(0 0% 0%); --white: hsl(0 0% 100%); --transparent: hsla(0, 0%, 100%, 0); --asc: rgba(38, 76, 230, 1); --bricks-border-color: rgba(237, 223, 213, 0.65); --space-2xs: clamp(0.51rem, calc(0.004888888888888888 * (100vw - 22.5rem) + 0.51rem), 0.84rem); --space-xs: clamp(0.64rem, calc(0.007259259259259258 * (100vw - 22.5rem) + 0.64rem), 1.13rem); --space-s: clamp(0.8rem, calc(0.01037037037037037 * (100vw - 22.5rem) + 0.8rem), 1.5rem); --space-m: clamp(1rem, calc(0.014814814814814815 * (100vw - 22.5rem) + 1rem), 2rem); --space-l: clamp(1.25rem, calc(0.021037037037037035 * (100vw - 22.5rem) + 1.25rem), 2.67rem); --space-xl: clamp(1.56rem, calc(0.029481481481481477 * (100vw - 22.5rem) + 1.56rem), 3.55rem); --space-2xl: clamp(1.95rem, calc(0.04133333333333333 * (100vw - 22.5rem) + 1.95rem), 4.74rem);}