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

    --mainColor: #bb0a17;              /* Primary red */
    --lightMainColor: #ffccd1;         /* Soft pinkish red */

    --buttonBackground: #bb0a17;
    --buttonTextColor: #ffffff;

    --buttonHoverBackground: #e00f1f;  /* Brighter red */
    --buttonHoverTextColor: #ffffff;

    --linkColor: #ffccd1;
    --linkHoverColor: #ffffff;

    --cartButtonBackground: #bb0a17;
    --cartButtonColor: #ffffff;
    --cartColor: #ffffff;
    --cartButtonHoverBackground: #e00f1f;

    --removeCartButtonBackground: #8e0812;
    --removeCartButtonColor: #ffffff;
    --removeCartButtonHoverBackground: #bb0a17;

    --addWishlistButtonBackground: #bb0a17;
    --addWishlistButtonColor: #ffffff;
    --addWishlistButtonHoverBackground: #e00f1f;

    --downloadButtonBackground: #bb0a17;
    --downloadButtonHoverBackground: #e00f1f;
    --downloadButtonHoverColor: #ffffff;
    --downloadIconColor: #ffffff;

    --purchaseCreditsBoxHoverBackground: #8e0812;
    --purchaseCreditsBoxHoverColor: #ffffff;

    --linearGradient: to bottom, #bb0a17, #bb0a17;
    --linearBackground: #bb0a17;
    --joinAccessBackground: #e00f1f;

    --lightText: #ffccd1;
    --darkText: #111111;

    --footerBackground: #1b0a0a;
    --footerBorderColor: #f17785;
    --footerLinkColor: #ffccd1;
    --footerLinkHover: #ffffff;
}