:root {

    /* ── Base ─────────────────────────────────────────────────────────────── */
    --bodyBackgroundColor: #0c0c0c;
    --bodyColor: #ddeef9; /* Blue-white — clinical, readable on dark */

    /* ── Brand ────────────────────────────────────────────────────────────── */
    --mainColor: #a7cce9; /* Logo powder blue */
    --lightMainColor: #d6e9d4; /* Logo mint green */

    /* ── General Buttons ──────────────────────────────────────────────────── */
    --buttonBackground: #a7cce9;
    --buttonTextColor: #0d1b26; /* Dark — logo blue is too light for white text */
    --buttonHoverBackground: #3d82b0; /* Deeper blue — white text passes contrast */
    --buttonHoverTextColor: #ffffff;

    /* ── Links ────────────────────────────────────────────────────────────── */
    --linkColor: #a7cce9;
    --linkHoverColor: #d6e9d4;

    /* ── Cart ─────────────────────────────────────────────────────────────── */
    --cartButtonBackground: #d6e9d4; /* Mint */
    --cartButtonColor: #0d2618; /* Dark green-black — passes contrast on mint */
    --cartColor: #ffffff;
    --cartButtonHoverBackground: #5a9957; /* Darkened mint — white text passes */

    --removeCartButtonBackground: #5a7a70; /* Muted teal-grey */
    --removeCartButtonColor: #ffffff;
    --removeCartColor: #ffffff;
    --removeCartButtonHoverBackground: #3d6058;

    /* ── Wishlist ─────────────────────────────────────────────────────────── */
    --addWishlistButtonBackground: #d6e9d4;
    --addWishlistButtonColor: #0d2618;
    --addWishlistButtonHoverBackground: #5a9957;

    --removeWishlistButtonBackground: #5a7a70;
    --removeWishlistButtonColor: #ffffff;
    --removeWishlistButtonHoverBackground: #3d6058;

    /* ── Downloads ────────────────────────────────────────────────────────── */
    --downloadButtonBackground: #a7cce9;
    --downloadButtonHoverBackground: #3d82b0;
    --downloadButtonHoverColor: #ffffff;
    --downloadIconColor: #0d1b26; /* Dark on light button */

    /* ── Credits ──────────────────────────────────────────────────────────── */
    --purchaseCreditsBoxHoverBackground: #d6e9d4;
    --purchaseCreditsBoxHoverColor: #0d2618;

    /* ── Gradients / Backgrounds ──────────────────────────────────────────── */
    --linearGradient: to bottom, #a7cce9, #3d82b0;
    --linearBackground: #3d82b0;
    --joinAccessBackground: #a7cce9;

    /* ── Text Tones ───────────────────────────────────────────────────────── */
    --lightText: #e8f4fc;
    --altLightText: #f0fdfc;
    --darkText: #0d1b26;
    --altDarkText: #1a2e3d;
    --darkerText: #080f15;

    /* ── Primary Button (checkout / login / join) ─────────────────────────── */
    --primaryButtonBackground: #a7cce9;
    --primaryButtonText: #0d1b26;
    --primaryButtonBorder: #3d82b0;
    --primaryButtonHoverBackground: #3d82b0;
    --primaryButtonHoverText: #ffffff;

    /* ── Secondary Button (cancel / back) ────────────────────────────────── */
    --secondaryButtonBackground: transparent;
    --secondaryButtonText: #a7cce9;
    --secondaryButtonBorder: #a7cce9;
    --secondaryButtonHoverBackground: #3d82b0;
    --secondaryButtonHoverText: #ffffff;
    --secondaryButtonHoverBorder: #3d82b0;

}