/**
 * SaveTo Wishlist Brand Palette
 * 
 * Primary Colors:
 * - Wishlist Pink: #FF4D6D (Primary logo accent, main buttons, CTAs, active states)
 * - Midnight Blue: #2C3E50 (Headings, navigation bars, footer backgrounds)
 * 
 * Secondary & Accent Colors:
 * - Pro Gold: #FFC107 (Pro badges, premium features, stars/ratings, upgrade buttons)
 * - Wallet Brown: #8D6E63 (Illustrations, background accents, borders)
 * 
 * Neutral Colors:
 * - Text Dark: #333333 (Main body text)
 * - Off-White: #F9F9F9 (Page backgrounds)
 * - Clean White: #FFFFFF (Content cards, input fields)
 */

:root {
    /* Primary Colors */
    --stw-wishlist-pink: #FF4D6D;
    --stw-wishlist-pink-dark: #E63950;
    --stw-wishlist-pink-light: #FF6B85;
    --stw-midnight-blue: #2C3E50;
    --stw-midnight-blue-dark: #1A252F;
    --stw-midnight-blue-light: #34495E;

    /* Secondary & Accent Colors */
    --stw-pro-gold: #FFC107;
    --stw-pro-gold-dark: #FFB300;
    --stw-pro-gold-light: #FFD54F;
    --stw-wallet-brown: #8D6E63;
    --stw-wallet-brown-dark: #6D4C41;
    --stw-wallet-brown-light: #A1887F;

    /* Neutral Colors */
    --stw-text-dark: #333333;
    --stw-text-gray: #666666;
    --stw-text-light: #999999;
    --stw-off-white: #F9F9F9;
    --stw-clean-white: #FFFFFF;

    /* Semantic Colors */
    --stw-success: #10B981;
    --stw-error: #EF4444;
    --stw-warning: #F59E0B;
    --stw-info: #3B82F6;
}

/* Brand color utility classes */
.stw-bg-wishlist-pink {
    background-color: var(--stw-wishlist-pink) !important;
}

.stw-bg-midnight-blue {
    background-color: var(--stw-midnight-blue) !important;
}

.stw-bg-pro-gold {
    background-color: var(--stw-pro-gold) !important;
}

.stw-text-wishlist-pink {
    color: var(--stw-wishlist-pink) !important;
}

.stw-text-midnight-blue {
    color: var(--stw-midnight-blue) !important;
}

.stw-text-pro-gold {
    color: var(--stw-pro-gold) !important;
}

.stw-border-wishlist-pink {
    border-color: var(--stw-wishlist-pink) !important;
}

.stw-border-midnight-blue {
    border-color: var(--stw-midnight-blue) !important;
}

.stw-border-pro-gold {
    border-color: var(--stw-pro-gold) !important;
}