: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; --color-brand: #017167; --color-brand-l: #3aaea3; --color-text-header: #0d1715; --color-text-body: #606966; --color-text-muted: rgba(18, 23, 22, 0.6); --color-bg-dark: #1a2624; --color-white: #ffffff; --color-white-muted: rgba(255, 255, 255, 0.83); --color-white-muted-2: rgba(255, 255, 255, 0.5); --color-border: #ebeced; --color-bg-main: #F9FBFD; --color-bg-alt: #f2f5f7; --text-h1: clamp(3.5rem, 8vw, 6rem); --text-h2: clamp(2.8rem, 5vw, 3.8rem); --text-h3: clamp(2.2rem, 2vw, 2.8rem); --text-h4: clamp(1.8rem, 1vw, 2.2rem); --text-body: 1.6rem; --text-xs: clamp(1.2rem, 0.2vw + 1.1rem, 1.3rem); --space-s: clamp(1.5rem, 1vw + 1.2rem, 2.5rem); --space-m: clamp(3rem, 2vw + 1.6rem, 4rem); --space-l: clamp(5rem, 4vw + 2.4rem, 6rem); --space-xl: clamp(7rem, 6vw + 3rem, 12rem); --site-gutter: 15px; --site-max-width: 170rem; --content-limit-width: 120rem;}