: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; --primary: #1F3A34; --pine-900: #142823; --pine-800: #173029; --pine-700: #1F3A34; --pine-500: #34574E; --pine-300: #7FA093; --pine-100: #E4EDE4; --accent: #B85C38; --clay-700: #984A2C; --clay-600: #B85C38; --clay-400: #D3855F; --clay-100: #F6E6DC; --system: #2F5FE0; --system-strong: #2148B8; --system-tint: #E8EDFA; --bg-body: #F4EFE6; --bg-surface: #FCFAF5; --secondary: #E6DCCB; --border-primary: #E1D8C8; --text-body: #23201B; --text-title: #23201B; --text-muted: #6E6656; --light: #FCFAF5; --dark: #142823; --surface-raised: #FFFFFF;}