: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: #2B2B2B; --color-accent: #b45fb8; --color-accent-hover: #9E6D48; --color-bg: #FAFAF8; --color-bg-alt: #F0EDE8; --color-border: #DDD8D0; --color-text: #2B2B2B; --color-text-muted: #8A8580; --color-white: #FFFFFF; --color-success: #10e84a; --color-warning: #C49A52; --color-info: #6A8FAD; --space-xs: 4px; --space-lg: 24px; --space-md: 16px; --space-sm: 8px; --space-section: clamp(5rem, 10vw, 7.5rem); --space-2xl: 48px; --space-xl: 32px; --space-3xl: 64px; --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); --leading-tight: 1.15; --leading-normal: 1.65; --letter-wide: 0.1em; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --heading-2xl: clamp(2.5rem, 9vw, 6.25rem); --leading-loose: 2; --font-body: 'Libre Franklin', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-display: 'Newsreader Display', Georgia, 'Times New Roman', serif; --font-label: 'Karla', 'Libre Franklin', system-ui, sans-serif;}