: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-primary-dark: hsl(0, 0%, 15%); --color-primary-light: hsl(44, 60%, 91%); --color-primary-light--1: hsl(43, 40%, 92%); --color-accent-high: hsl(14, 100%, 59%); --color-accent-low: hsl(39, 94%, 63%); --color-primary-dark--1: hsl(0, 0%, 35%); --color-primary-dark--2: hsl(0, 0%, 50%); --color-primary-dark--3: hsl(0, 0%, 75%); --text-micro: clamp(0.8125rem, 0.7273rem + 0.4259vw, 1.0625rem); --text-body: clamp(1rem, 0.942rem + 0.256vw, 1.25rem); --text-body--lead: clamp(1.125rem, 0.9879rem + 0.6855vw, 1.5rem); --text-body--lead-md: clamp(1rem, 0.913rem + 0.385vw, 1.375rem); --text-body--md: clamp(1rem, 0.942rem + 0.256vw, 1.25rem); --text-body--aside: clamp(1rem, 0.7097rem + 1.4516vw, 1.75rem); --text-lead: clamp(1.25rem, 1.1129rem + 0.6855vw, 1.5rem); --text-lead--md: clamp(1.25rem, 0.9597rem + 1.4516vw, 1.75rem); --text-lead--big: clamp(1.25rem, 0.6129rem + 3.1694vw, 2.5rem); --text-hero--sm: clamp(1.5rem, 1.3065rem + 0.9677vw, 2rem); --text-hero--md: clamp(1.5rem, 1.1613rem + 1.6935vw, 2.25rem); --text-hero--lg: clamp(1.5rem, 1.0161rem + 2.4194vw, 2.5rem); --text-hero--xl: clamp(1.75rem, 1.462rem + 1.282vw, 3rem); --text-hero-title: clamp(2rem, 1.492rem + 2.258vw, 3.75rem);}