:root { --bricks-color-primary: #FFCE32; --bricks-color-secondary: #021639; --bricks-color-accent: #0e21a1; --bricks-Neutrals-white: #ffffff; --bricks-color-off-white: #f5f5f5; --bricks-neutrals-black: #111111; --bricks-color-text: #333333; --space-xs: clamp(0.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 0.8rem), 1rem); --space-s: clamp(1.2rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.2rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.4rem), 3rem); --space-xl: clamp(3.6rem, calc(0.008333333333333333 * (100vw - 36rem) + 3.6rem), 4.5rem); --space-xxl: clamp(4.8rem, calc(0.011111111111111113 * (100vw - 36rem) + 4.8rem), 6rem); --text-xs: clamp(1.19rem, calc(0.0006481481481481487 * (100vw - 36rem) + 1.19rem), 1.26rem); --text-s: clamp(1.33rem, calc(0.000833333333333332 * (100vw - 36rem) + 1.33rem), 1.42rem); --text-m: clamp(1.5rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.5rem), 1.6rem); --text-l: clamp(1.69rem, calc(0.0010185185185185195 * (100vw - 36rem) + 1.69rem), 1.8rem); --text-xl: clamp(1.9rem, calc(0.0011111111111111122 * (100vw - 36rem) + 1.9rem), 2.02rem); --h4: clamp(1.94rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.94rem), 2.05rem); --h3: clamp(2.33rem, calc(0.0021296296296296293 * (100vw - 36rem) + 2.33rem), 2.56rem); --h2: clamp(2.8rem, calc(0.003703703703703707 * (100vw - 36rem) + 2.8rem), 3.2rem); --h1: clamp(3.36rem, calc(0.005925925925925927 * (100vw - 36rem) + 3.36rem), 4rem);}