:root {
    --blue-level-1: #D5E9FF;
    --blue-level-2: #B5C1DF;
    --blue-level-3: #889AA4;
    --blue-level-4: #81D2FF;
    --blue-level-5: #0B5D8F;
    --blue-level-6: #2E576E;
    --blue-level-7: #23435F;
    --blue-level-8: #1C3144;
    --blue-level-9: #0B1F32;

    --dark-level-1: #000000;
    --dark-level-2: #0A0A0A;
    --dark-level-3: #111111;
    --dark-level-4: #1A1A1A;
    --dark-level-5: #1F1F1F;
    --dark-level-6: #292929;
    --dark-level-7: #333333;
    --dark-level-8: #444444;
    --dark-level-9: #505050;

    --green-level-1: #C9F4C0;
    --green-level-2: #B0D6A8;
    --green-level-3: #8C9465;
    --green-level-4: #3D7B2C;
    --green-level-5: #4E6324;
    --green-level-6: #286518;

    --light-level-1: #FFFFFF;
    --light-level-2: #F7F7F7;
    --light-level-3: #F3F3F3;
    --light-level-4: #EFEFEF;
    --light-level-5: #DDDDDD;
    --light-level-6: #CCCCCC;
    --light-level-7: #AAAAAA;

    --orange-level-1: #FEE7D3;
    --orange-level-2: #FBCAA0;
    --orange-level-3: #F6A663;
    --orange-level-4: #E97003;
    --orange-level-5: #C36001;
    --orange-level-6: #B15700;
    --orange-level-7: #A5664B;
    --orange-level-8: #934900;
    --orange-level-9: #6e3701;

    --purple-level-1: #FFF5FB;
    --purple-level-2: #C994EF;
    --purple-level-3: #cf82a8;
    --purple-level-4: #762753;
    --purple-level-5: #68083F;

    --red-level-1: #FFEEEE;
    --red-level-2: #DFB5B5;
    --red-level-3: #ff8682;
    --red-level-4: #aa100b;
    --red-level-5: #812626;
    --red-level-6: #772138;
    --red-level-7: #680f0f;
    --red-level-8: #4d0909;
    --red-level-9: #443131;

    --transparent: transparent;

    --yellow-level-1: #FFFED5;
    --yellow-level-2: #DFDEB5;
}