:root {
    --grey-0: #0f0f0f;
    --grey-1: #212529;
    --grey-2: #555555;
    --grey-3: #282d32;
    --grey-4: #8b8b8b;
    --grey-5: #a0a0a0;
    --grey-6: #b2b2b2;
    --grey-7: #c8c8c8;
    --grey-8: #d8d8d8;
    --grey-9: #e8e8e8;
    --grey-10: #fbfbfb;
    --grey-11: #ffffff;
    --bluish-grey-0: #6c757d;
    --bluish-grey-1: #545d65;
    --bluish-grey-2: #39424a;
    --bluish-grey-3: #1c252c;
    --anthracite-grey-0: #383e42;
    --anthracite-grey-1: #1b2124;
}

.grey-0 { color: var(--grey-0); }
.grey-1 { color: var(--grey-1); }
.grey-2 { color: var(--grey-2); }
.grey-3 { color: var(--grey-3); }
.grey-4 { color: var(--grey-4); }
.grey-5 { color: var(--grey-5); }
.grey-6 { color: var(--grey-6); }
.grey-7 { color: var(--grey-7); }
.grey-8 { color: var(--grey-8); }
.grey-9 { color: var(--grey-9); }
.grey-10 { color: var(--grey-10); }
.grey-11 { color: var(--grey-11); }
.bluish-grey-0 { color: var(--bluish-grey-0); }
.bluish-grey-1 { color: var(--bluish-grey-1); }
.bluish-grey-2 { color: var(--bluish-grey-2); }
.bluish-grey-3 { color: var(--bluish-grey-3); }
.anthracite-grey-0 { color: var(--anthracite-grey-0); }
.anthracite-grey-1 { color: var(--anthracite-grey-1); }
.bg-grey-0 { background-color: var(--grey-0); }
.bg-grey-1 { background-color: var(--grey-1); }
.bg-grey-2 { background-color: var(--grey-2); }
.bg-grey-3 { background-color: var(--grey-3); }
.bg-grey-4 { background-color: var(--grey-4); }
.bg-grey-5 { background-color: var(--grey-5); }
.bg-grey-6 { background-color: var(--grey-6); }
.bg-grey-7 { background-color: var(--grey-7); }
.bg-grey-8 { background-color: var(--grey-8); }
.bg-grey-9 { background-color: var(--grey-9); }
.bg-grey-10 { background-color: var(--grey-10); }
.bg-grey-11 { background-color: var(--grey-11); }
.bg-bluish-grey-0 { background-color: var(--bluish-grey-0); }
.bg-bluish-grey-1 { background-color: var(--bluish-grey-1); }
.bg-bluish-grey-2 { background-color: var(--bluish-grey-2); }
.bg-bluish-grey-3 { background-color: var(--bluish-grey-3); }
.bg-anthracite-grey-0 { background-color: var(--anthracite-grey-0); }
.bg-anthracite-grey-1 { background-color: var(--anthracite-grey-1); }
.b--grey-0 { border-color: var(--grey-0); }
.b--grey-1 { border-color: var(--grey-1); }
.b--grey-2 { border-color: var(--grey-2); }
.b--grey-3 { border-color: var(--grey-3); }
.b--grey-4 { border-color: var(--grey-4); }
.b--grey-5 { border-color: var(--grey-5); }
.b--grey-6 { border-color: var(--grey-6); }
.b--grey-7 { border-color: var(--grey-7); }
.b--grey-8 { border-color: var(--grey-8); }
.b--grey-9 { border-color: var(--grey-9); }
.b--grey-10 { border-color: var(--grey-10); }
.b--grey-11 { border-color: var(--grey-11); }
.b--bluish-grey-0 { border-color: var(--bluish-grey-0); }
.b--bluish-grey-1 { border-color: var(--bluish-grey-1); }
.b--bluish-grey-2 { border-color: var(--bluish-grey-2); }
.b--bluish-grey-3 { border-color: var(--bluish-grey-3); }
.b--anthracite-grey-0 { border-color: var(--anthracite-grey-0); }
.b--anthracite-grey-1 { border-color: var(--anthracite-grey-1); }