: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: #1A3691; --color-accent: #CC1535; --color-accent-hover: #A80F2B; --color-bg: #FFFFFF; --color-bg-alt: #F7F8FA; --color-border: #E5EAF5; --color-text: #132768; --color-text-muted: #5E6675; --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, 9vw, 8.125rem); --space-2xl: 48px; --space-xl: 32px; --space-3xl: clamp(3rem, 6.8vw, 6rem); --space-hero-top: clamp(8rem, 12.6vw, 11rem); --text-lead: clamp(1.1rem, 1.4vw, 1.2rem); --heading-md: 1.22rem; --heading-lg: clamp(1.75rem, 2.7vw, 2.3rem); --heading-xl: clamp(2.15rem, 3.8vw, 3.3rem); --leading-tight: 1.15; --leading-normal: 1.5; --letter-wide: 0.16em; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --heading-display: clamp(2.2rem, 3.2vw, 2.8rem); --leading-display: 1.08; --letter-tight: -0.02em; --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-serif: Georgia, 'Times New Roman', serif;}