: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; --accent: #498D6D; --accent-l-1: #5a977a; --accent-l-2: #6aa288; --accent-l-3: #7bac95; --accent-l-4: #8bb6a2; --accent-l-5: #9cc1af; --accent-l-6: #accbbd; --accent-l-7: #bdd6ca; --accent-l-8: #cde0d7; --accent-l-9: #deeae4; --accent-l-10: #eef5f2; --accent-d-1: #428063; --accent-d-2: #3c7359; --accent-d-3: #35674f; --accent-d-4: #2e5a45; --accent-d-5: #284d3b; --accent-d-6: #214032; --accent-d-7: #1b3328; --accent-d-8: #14261e; --accent-d-9: #0d1a14; --accent-d-10: #070d0a; --accent-light: #EBF4F0; --accent-light-l-1: #edf5f1; --accent-light-l-2: #eff6f3; --accent-light-l-3: #f0f7f4; --accent-light-l-4: #f2f8f5; --accent-light-l-5: #f4f9f7; --accent-light-l-6: #f6faf8; --accent-light-l-7: #f8fbfa; --accent-light-l-8: #fafcfb; --accent-light-l-9: #fbfdfc; --accent-light-l-10: #fdfefe; --accent-light-d-1: #d6deda; --accent-light-d-2: #c0c8c4; --accent-light-d-3: #abb1af; --accent-light-d-4: #969b99; --accent-light-d-5: #808583; --accent-light-d-6: #6b6f6d; --accent-light-d-7: #555957; --accent-light-d-8: #404341; --accent-light-d-9: #2b2c2c; --accent-light-d-10: #151616;}