: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; --space-xs: clamp(0.625rem, calc(0.573rem + 0.221vw), 0.75rem); --space-s: clamp(0.875rem, calc(0.823rem + 0.221vw), 1rem); --space-m: clamp(1.25rem, calc(1.146rem + 0.442vw), 1.5rem); --space-l: clamp(1.875rem, calc(1.719rem + 0.663vw), 2.25rem); --space-xl: clamp(2.875rem, calc(2.668rem + 0.884vw), 3.375rem); --space-xxl: clamp(4.25rem, calc(3.888rem + 1.547vw), 5.125rem); --section-space-xs: clamp(2.75rem, calc(2.517rem + 0.9945vw), 3.313rem); --section-space-s: clamp(4.188rem, calc(3.851rem + 1.4365vw), 5rem); --section-space-m: clamp(6.25rem, calc(5.732rem + 2.2099vw), 7.5rem); --section-space-l: clamp(9.375rem, calc(8.598rem + 3.3149vw), 11.25rem); --section-space-xl: clamp(14.063rem, calc(12.897rem + 4.9724vw), 16.875rem); --section-space-xxl: clamp(21.125rem, calc(19.39rem + 7.4033vw), 25.313rem); --text-xs: 0.625rem; --text-s: 0.813rem; --text-m: 1rem; --text-l: 1.25rem; --text-xl: 1.563rem; --text-xxl: 1.938rem; --h1: clamp(2.75rem, calc(2.025rem + 3.0939vw), 4.5rem); --h2: clamp(2.188rem, calc(1.592rem + 2.5414vw), 3.625rem); --h3: clamp(1.75rem, calc(1.284rem + 1.989vw), 2.875rem); --h4: clamp(1.375rem, calc(1.012rem + 1.547vw), 2.25rem); --h5: clamp(1.125rem, calc(0.866rem + 1.105vw), 1.75rem); --h6: clamp(0.875rem, calc(0.668rem + 0.884vw), 1.375rem);}