:root {

    --bodyBackgroundColor: #0c0c0c;
    --bodyColor: #f3f6f4;

    --mainColor: #1D3DFF;

    --buttonBackground: #1D3DFF;
    --buttonTextColor: #f3f6f4;

    --buttonHoverBackground: #f3f6f4;
    --buttonHoverTextColor: #0c0c0c;

    --linkColor: #5069ff;
    --linkHoverColor: #f3f6f4;

    --cartButtonBackground: #5069ff;
    --cartButtonColor: #f3f6f4;
    --cartColor: #f3f6f4;
    --cartButtonHoverBackground: #0327ff;
    --cartButtonHoverColor: #f3f6f4;

    --removeCartButtonBackground: #0327ff;
    --removeCartButtonColor: #222222;
    --removeCartColor: #f3f6f4;
    --removeCartButtonHoverBackground: #5069ff;
    --removeCartButtonHoverColor: #222222;

    --addWishlistButtonBackground: #5069ff;
    --addWishlistButtonColor: #f3f6f4;
    --addWishlistButtonHoverBackground: #0327ff;

    --removeWishlistButtonBackground: #0327ff;
    --removeWishlistButtonColor: #f3f6f4;
    --removeWishlistButtonHoverBackground: #5069ff;

    --downloadButtonBackground: #5069ff;
    --downloadButtonHoverBackground: #0327ff;
    --downloadButtonHoverColor: #f3f6f4;
    --downloadIconColor: #f3f6f4;

    --purchaseCreditsBoxHoverBackground: #0327ff;
    --purchaseCreditsBoxHoverColor: #f3f6f4;

    --linearGradient: to bottom, #1D3DFF, #6a7fff;
    --linearBackground: #0056b3;
    --linearHoverColor: #f3f6f4;
    --joinAccessBackground: #0056b3;

}