:root
{
    /* global */

    --pageBackground: rgb(190, 191, 201);
    --pageBackgroundB: rgb(203, 204, 214);
    --pageBackgroundR: rgb(214, 203, 203);

    /* titles */

    --titleBoxHighlight: rgb(225, 226, 233);
    --titleBoxBackground: rgb(167, 168, 187);
    --titleBoxShading: rgb(130, 130, 147);

    --titleBoxHighlightB: rgb(186, 189, 214);
    --titleBoxBackgroundB: rgb(145, 147, 178);
    --titleBoxShadingB: rgb(97, 97, 130);

    --titleBoxShadowHigh: rgb(200, 200, 213);
    --titleBoxShadowLow: rgb(97, 97, 114);
    --titleBoxShadowHighB: rgb(180, 180, 214);
    --titleBoxShadowLowB: rgb(84, 84, 113);

    --title: rgb(238, 238, 242);
    --titleShadowLow: rgb(173, 173, 179);
    --titleShadowMid: rgb(117, 117, 124);
    --titleShadowHigh: rgb(32, 32, 35);

    /* general */

    --generalPrice: rgb(0, 0, 0);

    --generalBoxHighlight: rgb(225, 226, 233);
    --generalBoxBackground: rgb(167, 168, 187);
    --generalBoxShading: rgb(130, 130, 147);

    --generalBoxOutline: rgb(255, 255, 255);
    --generalBoxImageHighlight: rgb(199, 200, 211);
    --generalBoxImageBackground: rgb(129, 129, 145);
    --generalBoxImageShading: rgb(73, 73, 87);

    --generalBoxHighlightB: rgb(208, 211, 237);
    --generalBoxBackgroundB: rgb(151, 154, 184);
    --generalBoxShadingB: rgb(120, 120, 151);

    --generalBoxOutlineB: rgb(255, 255, 255);
    --generalBoxImageHighlightB: rgb(182, 187, 222);
    --generalBoxImageBackgroundB: rgb(112, 112, 143);
    --generalBoxImageShadingB: rgb(60, 60, 86);

    --generalBoxShadowHigh: rgb(200, 201, 214);
    --generalBoxShadowLow: rgb(120, 120, 135);
    --generalBoxShadowHighB: rgb(182, 187, 222);
    --generalBoxShadowLowB: rgb(90, 90, 119);

    --generalBoxHighlightR: rgb(212, 141, 141);
    --generalBoxBackgroundR: rgb(176, 90, 90);
    --generalBoxShadingR: rgb(138, 48, 48);

    --generalHeading: rgb(0, 0, 0);
    --generalText: rgb(0, 0, 0);
    --generalHeadingShadowHigh: rgb(200, 200, 213);
    --generalHeadingShadowLow: rgb(97, 97, 114);

    --generalHeadingB: rgb(0, 0, 0);
    --generalTextB: rgb(0, 0, 0);
    --generalHeadingShadowHighB: rgb(180, 180, 214);
    --generalHeadingShadowLowB: rgb(84, 84, 113);

    --generalInfo: rgb(0, 0, 0);
    --generalInput: rgb(0, 0, 0);
    --generalPlaceholder: rgb(0, 0, 0);
    --generalHint: rgb(0, 0, 0);
    --generalLink: rgb(0, 0, 255);
    --generalLinkShadow: rgb(90, 75, 224);

    --generalInfoB: rgb(0, 0, 0);
    --generalInputB: rgb(0, 0, 0);
    --generalPlaceholderB: rgb(0, 0, 0);
    --generalHintB: rgb(0, 0, 0);
    
    /* home */

    --homeImageHighlight: rgb(167, 168, 183);
    --homeImageBackground: rgb(129, 129, 143);
    --homeImageShading: rgb(89, 89, 101);

    --homeImageHighlightB: rgb(154, 157, 190);
    --homeImageBackgroundB: rgb(116, 116, 147);
    --homeImageShadingB: rgb(82, 82, 109);

    /* web game */
    
    --maxButtonHighlight: rgb(225, 226, 233);
    --maxButtonBackground: rgb(167, 168, 187);
    --maxButtonShading: rgb(130, 130, 147);

    /* download game */

    --downloadIconHighlightB: rgb(92, 95, 114);
    --downloadIconBackgroundB: rgb(68, 71, 91);
    --downloadIconShadingB: rgb(25, 25, 39);

    --progressBarHighlight: rgb(158, 162, 200);
    --progressBarBackground: rgb(115, 118, 163);
    --progressBarShadow: rgb(86, 86, 127);
    --videoOverlayOutline: rgb(0, 0, 0);

    /* bar and foot */

    --barBackground: rgba(50, 51, 56, 0.95);
    --barBackgroundTop: rgba(50, 51, 56, 0.6);
    --barBorder: rgba(92, 92, 113, 0.95);
    --barBorderTop: rgba(92, 92, 113, 0.6);

    --barButton: rgb(0, 0, 0);
    --barButtonBackground: rgb(144, 144, 163);
    --barButtonHighlight: rgb(209, 209, 220);
    --barButtonShading: rgb(92, 92, 113);
    --barButtonOutline: rgb(255, 255, 255);

    --barButtonB: rgb(0, 0, 0);
    --barButtonBackgroundB: rgb(129, 129, 165);
    --barButtonHighlightB: rgb(193, 193, 220);
    --barButtonShadingB: rgb(74, 74, 113);
    --barButtonOutlineB: rgb(255, 255, 255);

    --barButtonR: rgb(0, 0, 0);
    --barButtonBackgroundR: rgb(168, 103, 103);
    --barButtonHighlightR: rgb(218, 164, 164);
    --barButtonShadingR: rgb(109, 63, 63);
    --barButtonOutlineR: rgb(255, 255, 255);

    --inputFocusOutline: rgb(37, 92, 229);
    --footText: rgb(200, 200, 211);
    --footTextShadow: rgb(64, 64, 74);

    /* Privacy Policy and Terms of Service */

    --policyHeading: rgb(0, 0, 0);
    --policyParagraph: rgb(0, 0, 0);
    --policyPoint: rgb(0, 0, 0);
}