: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; --c-primary: #7a2a23; --c-primary-600: #5f1f19; --c-primary-300: #b56d66; --c-primary-050: #f4eae8; --c-ink: #1b1a19; --c-ink-700: #3d3a38; --c-steel: #6d6a67; --c-steel-300: #a8a4a0; --c-line: #e4e0dc; --c-surface: #ffffff; --c-surface-alt: #f6f4f2; --c-inverse: #ffffff; --s-section: clamp(4rem, 3rem + 5vw, 7.5rem); --s-2xl: clamp(3.5rem, 2.5rem + 3vw, 5rem); --s-xl: clamp(2.5rem, 2rem + 2vw, 3.5rem); --s-l: 2rem; --s-m: 1.5rem; --s-s: 1rem; --s-xs: 0.75rem; --s-2xs: 0.5rem; --s-3xs: 0.25rem; --fs-h4: clamp(1.3rem, 1.18rem + 0.6vw, 1.65rem); --fs-m: clamp(1rem, 0.96rem + 0.22vw, 1.13rem); --fs-intro: clamp(1.13rem, 1.05rem + 0.4vw, 1.35rem); --fs-h3: clamp(1.55rem, 1.35rem + 1vw, 2.15rem); --fs-h2: clamp(2rem, 1.6rem + 2vw, 3.1rem); --fs-s: clamp(0.86rem, 0.82rem + 0.18vw, 0.95rem); --fs-h1: clamp(2.6rem, 2rem + 3vw, 4.4rem); --fs-label: clamp(0.75rem, 0.72rem + 0.12vw, 0.82rem);}.text-c-inverse { color: var(--c-inverse); }