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

    --mainColor: #A78BFA;
    --lightMainColor: #D8D8D8;

    --buttonBackground: #A78BFA;
    --buttonTextColor: #ffffff;

    --buttonHoverBackground: #7C4DFF;
    --buttonHoverTextColor: #ffffff;

    --linkColor: #D8D8D8;
    --linkHoverColor: #ffffff;

    --cartButtonBackground: #A78BFA;
    --cartButtonColor: #ffffff;
    --cartColor: #ffffff;
    --cartButtonHoverBackground: #7C4DFF;

    --removeCartButtonBackground: #7C4DFF;
    --removeCartButtonColor: #ffffff;
    --removeCartButtonHoverBackground: #A78BFA;

    --addWishlistButtonBackground: #A78BFA;
    --addWishlistButtonColor: #ffffff;
    --addWishlistButtonHoverBackground: #7C4DFF;

    --downloadButtonBackground: #A78BFA;
    --downloadButtonHoverBackground: #7C4DFF;
    --downloadButtonHoverColor: #ffffff;
    --downloadIconColor: #ffffff;

    --purchaseCreditsBoxHoverBackground: #7C4DFF;
    --purchaseCreditsBoxHoverColor: #ffffff;

    --linearGradient: to bottom, #7C4DFF, #7C4DFF;
    --linearBackground: #A78BFA;
    --joinAccessBackground: #A78BFA;

    --lightText: #E6E6E6;
    --altLightText: #F2F2F2;
    --darkText: #010101;
    --altDarkText: #2c2c2c;
    --darkerText: #000000;

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

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