: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; --gold: #C39D00; --black: hsl(0, 0%, 0%); --color-primary: #C39D00; --color-primary-lt: #cfb133; --color-primary-dk: #9c7e00; --color-secondary: #818181; --color-secondary-lt: #9a9a9a; --color-secondary-dk: #676767; --color-accent: #182339; --color-accent-lt: #464f61; --color-accent-dk: #131c2e; --color-dark: #111111; --color-dark-lt: #414141; --color-dark-dk: #0e0e0e; --color-base: #f5f5f5; --color-base-lt: #f6f6f6; --color-base-dk: #dddddd; --color-white: #ffffff; --fs-xs: clamp(10.24px, 0.256vw + 11.52px, 12.8px); --fs-sm: clamp(12.8px, 0.32vw + 14.4px, 16px); --fs-base: clamp(16px, 0.4vw + 18px, 20px); --fs-md: clamp(20px, 0.5vw + 22.5px, 25px); --fs-lg: clamp(25px, 0.625vw + 28.125px, 31.25px); --fs-xl: clamp(31.25px, 0.7813vw + 35.1563px, 39.0625px); --fs-2xl: clamp(39.0625px, 0.9766vw + 43.9453px, 48.8281px); --fs-3xl: clamp(48.8281px, 1.2207vw + 54.9317px, 61.0352px); --line-height: 1.6; --font-family: Inter, sans-serif; --space-xs: clamp(2.56px, 0.1942vw + 3.5312px, 4.5023px); --space-sm: clamp(3.2px, 0.2802vw + 4.6008px, 6.0015px); --space-md: clamp(4px, 0.4vw + 6px, 8px); --space-lg: clamp(5px, 0.5664vw + 7.832px, 10.664px); --space-xl: clamp(6.25px, 0.7965vw + 10.2326px, 14.2151px); --space-2xl: clamp(7.8125px, 1.1136vw + 13.3806px, 18.9487px); --space-3xl: clamp(9.7656px, 1.5493vw + 17.5122px, 25.2587px);}