:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --off-white: #fff; --black-grey: #000; --grey: #231F20; --accent: #FBDB46; --accent-op-50: rgba(251, 219, 70, 0.5); --accent-op-20: rgba(251, 219, 71, 0.2); --accent-op-05: rgba(251, 219, 71, 0.05); --light-yellow: #FFF4BF; --h1-fluid: clamp(60px, 24px + 10vw, 200px); --h2-fluid: clamp(50px, 37.14px + 3.57vw, 100px); --h3-fluid: clamp(30px, 24.86px + 1.43vw, 50px); --h4-fluid: clamp(26px, 23.69px + 0.64vw, 35px); --h5-fluid: clamp(22px, 19.94px + 0.57vw, 30px); --h6-fluid: clamp(18px, 16.46px + 0.43vw, 24px); --prices-fluid: clamp(28px, 22.86px + 1.43vw, 48px); --text-lg-fluid: clamp(20px, 14.86px + 1.43vw, 40px); --text-body-fluid: clamp(16px, 14.97px + 0.29vw, 20px); --text-md-fluid: clamp(16px, 14.97px + 0.29vw, 20px); --highlight-lg-fluid: clamp(40px, 19.43px + 5.71vw, 120px); --small-fluid: clamp(14px, 13.49px + 0.14vw, 16px); --space-16: clamp(10px, 6.58px + 0.95vw, 16px); --space-24: clamp(12px, 9.33px + 0.83vw, 24px); --space-32: clamp(14px, 10px + 1.25vw, 32px); --space-48: clamp(16px, 8.89px + 2.22vw, 48px); --space-56: clamp(24px, 16.89px + 2.22vw, 56px); --space-200: clamp(80px, 11.65px + 18.99vw, 200px); --space-120: clamp(75px, 49.37px + 7.12vw, 120px); --space-80: clamp(50px, 32.91px + 4.75vw, 80px); --space-48-negative: clamp(-48px, -8.89px - 2.22vw, -16px); --space-180: clamp(112px, 73.27px + 10.76vw, 180px); --space-200-negative: clamp(-200px, -11.65px - 18.99vw, -80px);}