: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; --brand: #172554; --brand-contrast: #FFFFFF; --secondary: #2563EB; --accent: #22D3EE; --bg: #F8FAFC; --surface: #FFFFFF; --surface-2: #F1F5F9; --heading: #0F172A; --text: #334155; --muted: #64748B; --line: #E2E8F0; --success: #22C55E; --warning: #F59E0B; --danger: #EF4444; --body: 1rem; --h6: 1.1rem; --h5: 1.2rem; --h4: 1.25rem; --h3: 1.3rem; --h2: clamp(1.5rem, 0.8vw + 1.3rem, 2rem);; --h1: clamp(1.75rem, 2.4vw + 1.15rem, 3.25rem);; --space-4: 0.25rem; --space-8: 0.5rem; --space-12: 0.75rem; --space-16: clamp(0.875rem, 0.2vw + 0.8rem, 1rem); --space-20: clamp(1rem, 0.4vw + 0.9rem, 1.25rem); --space-24: clamp(1.125rem, 0.6vw + 1rem, 1.5rem);}