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

    --mainColor: #FFA5DC;
    --lightMainColor: #FFD3FF;

    --buttonBackground: #FFA5DC;
    --buttonTextColor: #ffffff;

    --buttonHoverBackground: #ff87ce;
    --buttonHoverTextColor: #fff;

    --linkColor: #FFA5DC;
    --linkHoverColor: #FFD3FF;

    --cartButtonBackground: #FFA5DC;
    --cartButtonColor: #ffffff;
    --cartColor: #ffffff;
    --cartButtonHoverBackground: #ff87ce;

    --removeCartButtonBackground: #ff87ce;
    --removeCartButtonColor: #ffffff;
    --removeCartButtonHoverBackground: #FFA5DC;

    --addWishlistButtonBackground: #FFA5DC;
    --addWishlistButtonColor: #ffffff;
    --addWishlistButtonHoverBackground: #ff87ce;

    --downloadButtonBackground: #FFA5DC;
    --downloadButtonHoverBackground: #ff87ce;
    --downloadButtonHoverColor: #ffffff;
    --downloadIconColor: #ffffff;

    --purchaseCreditsBoxHoverBackground: #ff87ce;
    --purchaseCreditsBoxHoverColor: #ffffff;

    --linearGradient: to bottom, #FFA5DC, #ff87ce;
    --linearBackground: #FFA5DC;
    --joinAccessBackground: #FFA5DC;

    --lightText: #FFD3FF;
    --altLightText: #FFEAF6;
    --darkText: #010101;
    --altDarkText: #2c2c2c;
    --darkerText: #000000;

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

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