: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: #493A36; --color-text: #493A36; --color-accent: #9C807A; --color-accent-hover: #D1C4C1; --color-bg: #F3F0EF; --color-bg-alt: #FFFFFF; --color-border: #D1C4C1; --color-text-muted: #6F5D57; --color-white: #FFFFFF; --color-success: #10E84A; --color-warning: #C49A52; --color-info: #6A8FAD; --color-bg-l-1: #f6f4f3; --color-bg-l-2: #f9f8f7; --color-bg-l-3: #fcfbfb; --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 32px; --space-2xl: 48px; --space-3xl: 80px; --space-section: clamp(5rem, 10vw, 7.5rem); --text-lead: clamp(1.125rem, 1.5vw, 1.3rem); --heading-md: clamp(1.25rem, 2vw, 1.5rem); --heading-lg: clamp(1.75rem, 3vw, 2.25rem); --heading-xl: clamp(2.25rem, 5vw, 3.5rem); --heading-2xl: clamp(3rem, 7vw, 5rem); --leading-tight: 1.15; --leading-normal: 1.65; --letter-wide: 0.12em; --font-display: "Ivy", "Ivyora Display", "Cormorant Garamond", Georgia, serif; --font-body: "HK Grotesk", "Hanken Grotesk", "Inter", system-ui, -apple-system, sans-serif; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem;}