: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; --brown-dark: #1D1003; --brown: #32200E; --brown-light: #766D64; --burgundy-dark: #350405; --burgundy: #480F10; --burgundy-light: #612021; --green-dark: #252208; --green: #39371D; --green-light: #514E32; --olive-dark: #5E5B31; --olive: #8B8750; --olive-light: #A6A16A; --blue-dark: #94A9B8; --blue: #A6B7C3; --blue-light: #CAD5DE; --yellow-dark: #EED487; --yellow: #FEE69C; --yellow-light: #FFF2CA; --red-dark: #A41E20; --red: #B72C2E; --red-light: #CE5355; --beige-dark: #E8D7BB; --beige: #F0E0C6; --beige-light: #FAEEDA; --beige-x-light: #FFFAF1; --white: #FAFAFA; --gray-1: #EAE9E8; --gray-2: #BDBDBD; --gray-3: #898989; --gray-4: #5B5B5B;}