:root {
    --bodyBackgroundColor: #0c0c0c;
    --bodyColor: #f8f8f8;

    --mainColor: #4682b4;
    --lightMainColor: #87b2d4;

    --buttonBackground: #4682b4;
    --buttonTextColor: #ffffff;
    --buttonHoverBackground: #2c5f8a;
    --buttonHoverTextColor: #ffffff;

    --linkColor: #4682b4;
    --linkHoverColor: #87b2d4;

    --cartButtonBackground: #4682b4;
    --cartButtonColor: #ffffff;
    --cartColor: #ffffff;
    --cartButtonHoverBackground: #2c5f8a;

    --removeCartButtonBackground: #2c5f8a;
    --removeCartButtonColor: #ffffff;
    --removeCartColor: #ffffff;
    --removeCartButtonHoverBackground: #4682b4;

    --addWishlistButtonBackground: #4682b4;
    --addWishlistButtonColor: #ffffff;
    --addWishlistButtonHoverBackground: #2c5f8a;

    --removeWishlistButtonBackground: #2c5f8a;
    --removeWishlistButtonColor: #ffffff;
    --removeWishlistButtonHoverBackground: #4682b4;

    --downloadButtonBackground: #4682b4;
    --downloadButtonHoverBackground: #2c5f8a;
    --downloadButtonHoverColor: #ffffff;
    --downloadIconColor: #ffffff;

    --purchaseCreditsBoxHoverBackground: #2c5f8a;
    --purchaseCreditsBoxHoverColor: #ffffff;

    --linearGradient: to bottom, #4682b4, #4682b4;
    --linearBackground: #4682b4;
    --joinAccessBackground: #4682b4;

    --lightText: #f8f8f8;
    --altLightText: #ffffff;
    --darkText: #111111;
    --altDarkText: #2a2a2a;
    --darkerText: #000000;

    --primaryButtonBackground: #4682b4;
    --primaryButtonText: #ffffff;
    --primaryButtonBorder: #4682b4;
    --primaryButtonHoverBackground: #2c5f8a;
    --primaryButtonHoverText: #ffffff;

    --secondaryButtonBackground: transparent;
    --secondaryButtonText: #4682b4;
    --secondaryButtonBorder: #4682b4;
    --secondaryButtonHoverBackground: #4682b4;
    --secondaryButtonHoverText: #ffffff;
    --secondaryButtonHoverBorder: #4682b4;
}