:root { --primary: #202426; --secondary: #71717B; --primary-l-0: #34383a; --primary-l-1: #494c4d; --primary-l-2: #5d6061; --primary-l-3: #717475; --primary-l-4: #858889; --primary-l-5: #9a9b9c; --primary-l-6: #aeafb0; --primary-l-7: #c2c3c4; --primary-l-8: #d6d7d8; --primary-l-9: #ebebeb; --primary-d-0: #1d2123; --primary-d-1: #1a1d1f; --primary-d-2: #171a1c; --primary-d-3: #141718; --primary-d-4: #111415; --primary-d-5: #0f1011; --primary-d-6: #0c0d0e; --primary-d-7: #090a0a; --primary-d-8: #060707; --primary-d-9: #030303; --secondary-l-1: #7e7e87; --secondary-l-2: #8b8b93; --secondary-l-3: #98989f; --secondary-l-4: #a5a5ab; --secondary-l-5: #b2b2b7; --secondary-l-6: #bebec3; --secondary-l-7: #cbcbcf; --secondary-l-8: #d8d8db; --secondary-l-9: #e5e5e7; --secondary-l-10: #f2f2f3; --secondary-d-1: #676770; --secondary-d-2: #5c5c65; --secondary-d-3: #525259; --secondary-d-4: #48484e; --secondary-d-5: #3e3e43; --secondary-d-6: #333338; --secondary-d-7: #29292d; --secondary-d-8: #1f1f22; --secondary-d-9: #151516; --secondary-d-10: #0a0a0b;}