: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-100: #f0f2ef; --primary-200: #d9e0d8; --primary-300: #b9c6b8; --primary-400: #8fa68e; --primary-500: #5a6a52; --primary-600: #394130; --primary-700: #2a342d; --primary-800: #1f2724; --primary-900: #1c2426; --secondary-100: #f5f6f8; --secondary-200: #dddfe6; --secondary-300: #bdc2cf; --secondary-400: #979fb3; --secondary-500: #4e566b; --secondary-600: #3a4156; --secondary-700: #292f44; --secondary-800: #1e2338; --secondary-900: #161b2f; --accent-100: #f7eef0; --accent-200: #e8cbd1; --accent-300: #d5a1ab; --accent-400: #be6e7d; --accent-500: #773542; --accent-600: #552836; --accent-700: #331c2b; --accent-800: #291927; --accent-900: #231825;}