: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: #2B2825; --color-accent: #26788A; --color-accent-hover: #1F6473; --color-bg: #FFFFFF; --color-bg-alt: #F8F7F7; --color-border: #E5E3E1; --color-text: #292624; --color-text-muted: #736C64; --color-white: #FFFFFF; --color-success: #2F7A55; --color-warning: #9C6208; --color-info: #2F6E9E; --color-accent-2: #7A401C; --color-accent-2-hover: #5F3115; --color-highlight: #3299AD; --color-overlay: rgba(20, 17, 14, 0.55); --color-danger: #B23A2E; --space-xs: 4px; --space-lg: 24px; --space-md: 16px; --space-sm: 8px; --space-section: clamp(4.5rem, 9vw, 9.5rem); --space-2xl: 48px; --space-xl: 32px; --space-3xl: clamp(3rem, 5vw, 4.5rem); --text-lead: clamp(1.05rem, 1.25vw, 1.3rem); --heading-md: clamp(1.35rem, 1.8vw, 1.75rem); --heading-lg: clamp(1.6rem, 2.4vw, 2.4rem); --heading-xl: clamp(2rem, 3.8vw, 3.6rem); --leading-tight: 1.1; --leading-normal: 1.65; --letter-wide: 0.16em; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: clamp(1rem, 1.05vw, 1.15rem); --text-lg: 1.125rem; --font-display: 'Gilda Display', Georgia, serif; --font-body: 'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif; --heading-2xl: clamp(2.6rem, 6.2vw, 5.6rem); --letter-wider: 0.2em;}