: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-black: #030303; --color-primary: #f36; --color-primary-l-1: #ff4674; --color-primary-l-2: #ff5882; --color-primary-l-3: #ff6b90; --color-primary-l-4: #ff7d9e; --color-primary-l-5: #ff90ac; --color-primary-l-6: #ffa2b9; --color-primary-l-7: #ffb5c7; --color-primary-l-8: #ffc7d5; --color-primary-l-9: #ffdae3; --color-primary-l-10: #ffecf1; --color-dark-lighter: #0a0a0a; --color-white: #fff; --color-grey: #ffffffb3; --color-orange: #f97316; --color-purple: #a855f7cc; --color-green: #22c55ecc; --color-red: #ef4444cc; --border-color: #2b2b2b;}