:root {
    --bodyBackgroundColor: #181818;
    --bodyColor: #f2f2f2;

    --mainColor: #5e788e;
    --lightMainColor: #bcdcff;

    --buttonBackground: #5e788e;
    --buttonTextColor: #ffffff;

    --buttonHoverBackground: #3f5668;
    --buttonHoverTextColor: #ffffff;

    --linkColor: #7cc8ff;
    --linkHoverColor: #ffffff;

    --cartButtonBackground: #5e788e;
    --cartButtonColor: #ffffff;
    --cartColor: #ffffff;
    --cartButtonHoverBackground: #3f5668;

    --removeCartButtonBackground: #3f5668;
    --removeCartButtonColor: #ffffff;
    --removeCartColor: #f2f2f2;
    --removeCartButtonHoverBackground: #5e788e;

    --addWishlistButtonBackground: #5e788e;
    --addWishlistButtonColor: #ffffff;
    --addWishlistButtonHoverBackground: #3f5668;

    --removeWishlistButtonBackground: #3f5668;
    --removeWishlistButtonColor: #ffffff;
    --removeWishlistButtonHoverBackground: #5e788e;

    --downloadButtonBackground: #5e788e;
    --downloadButtonHoverBackground: #3f5668;
    --downloadButtonHoverColor: #ffffff;
    --downloadIconColor: #ffffff;

    --purchaseCreditsBoxHoverBackground: #3f5668;
    --purchaseCreditsBoxHoverColor: #ffffff;

    --linearGradient: to bottom, #7cc8ff, #5e788e;
    --linearBackground: #5e788e;
    --joinAccessBackground: #5e788e;

    --lightText: #f2f2f2;
    --altLightText: #ffffff;
    --darkText: #121212;
    --altDarkText: #2a2a2a;
    --darkerText: #000000;

    --primaryButtonBackground: #5e788e;
    --primaryButtonText: var(--altLightText);
    --primaryButtonBorder: var(--mainColor);
    --primaryButtonHoverBackground: var(--buttonHoverBackground);
    --primaryButtonHoverText: var(--buttonHoverTextColor);

    --secondaryButtonBackground: transparent;
    --secondaryButtonText: var(--mainColor);
    --secondaryButtonBorder: var(--mainColor);
    --secondaryButtonHoverBackground: #3f5668;
    --secondaryButtonHoverText: var(--altLightText);
    --secondaryButtonHoverBorder: var(--mainColor);
}