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

    --mainColor: #1DB1E7;
    --lightMainColor: #9be3fb;

    --buttonBackground: #1DB1E7;
    --buttonTextColor: #ffffff;

    --buttonHoverBackground: #1295c5;
    --buttonHoverTextColor: #ffffff;

    --linkColor: #1DB1E7;
    --linkHoverColor: #9be3fb;

    --cartButtonBackground: #1DB1E7;
    --cartButtonColor: #ffffff;
    --cartColor: #ffffff;
    --cartButtonHoverBackground: #1295c5;

    --removeCartButtonBackground: #1295c5;
    --removeCartButtonColor: #ffffff;
    --removeCartButtonHoverBackground: #1DB1E7;

    --addWishlistButtonBackground: #1DB1E7;
    --addWishlistButtonColor: #ffffff;
    --addWishlistButtonHoverBackground: #1295c5;

    --downloadButtonBackground: #1DB1E7;
    --downloadButtonHoverBackground: #1295c5;
    --downloadButtonHoverColor: #ffffff;
    --downloadIconColor: #ffffff;

    --purchaseCreditsBoxHoverBackground: #1295c5;
    --purchaseCreditsBoxHoverColor: #ffffff;

    --linearGradient: to bottom, #1DB1E7, #1295c5;
    --linearBackground: #1DB1E7;
    --joinAccessBackground: #1DB1E7;

    --lightText: #d9f5ff;
    --altLightText: #eafcff;
    --darkText: #010101;
    --altDarkText: #2c2c2c;
    --darkerText: #000000;

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

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