/* RED XMAS - Festive Dark Mode Update */

:root {
    --font-color: rgba(60, 64, 72, 1); /* Muted dark grey for readability */
    --font-light-color: rgba(60, 64, 72, 1); /* For light mode */
    --font-dark-color: rgba(245, 240, 240, 1); /* Light grey for dark mode readability */
        
    --heading-color: rgba(178, 30, 70, 1); /* Soft, deep reddish-pink for headings */
    --heading-light-color: rgba(178, 30, 70, 1);
    --heading-dark-color: rgba(245, 240, 240, 1); /* Light for contrast in dark mode */
        
    --icon-color: rgba(200, 40, 90, 1); /* Soft pink-red for icon contrast */
    --icon-light-color: rgba(200, 40, 90, 1);
    --icon-dark-color: rgba(235, 160, 160, 1); /* Warm, light metallic pink-red for dark mode */
    
    --bg-color: rgba(255, 255, 255, 1); /* Subtle gradient from silver-grey to soft pinkish-red */
    --bg-light-color: rgba(255, 255, 255, 1); /* Gradient for light mode */
    --bg-dark-color: rgba(45, 20, 20, 1); /* Deep muted burgundy for dark mode */
    
    --bg-light-secondary: rgba(255, 255, 255, 1); /* Crisp white for secondary background in light mode */
    --bg-dark-secondary: rgba(70, 30, 40, 1); /* Warm muted red as secondary background */
        
    --accent-orange: rgba(235, 80, 90, 1); /* Muted red-pink for accents, matching image's soft tones */
    --accent-light-orange: rgba(235, 80, 90, 1);
    --accent-dark-orange: rgba(235, 80, 90, 0.7); /* Softer for dark mode */
    
    --accent-green: rgba(180, 100, 110, 1); /* Muted pinkish-green for subtle complementary contrast */
    --accent-light-green: rgba(180, 100, 110, 1);
    --accent-dark-green: rgba(80, 120, 60, 0.7); /* Slightly warm green for dark mode */
    
    --accent-dark-gold: rgba(210, 165, 60, 0.8); /* Muted gold for festive highlights */
    
    --cart-grey: rgba(245, 245, 245, 1); /* Soft light grey for neutral tones */
    --cart-light-grey: rgba(245, 245, 245, 1);
    --cart-dark-grey: rgba(76, 76, 76, 1);

    --accessibility-blue: rgba(120, 150, 160, 1); /* Soft muted blue for accessible areas */
    
    --shadow-color: rgba(0, 0, 0, 0.2); /* Slightly lighter for dark mode */
    --soft-shadow: rgba(60, 30, 40, 0.4); /* Warmer shadow for a softer festive look */
            
    --prepaid-background-color: rgba(245, 230, 235, 1); /* Very soft pink background */
    --prepaid-border-color: rgba(180, 100, 110, 1); /* Matching the muted pink-green for consistency */
    --prepaid-font-color: rgba(180, 100, 110, 1); 
    --prepaid-icon-color: rgba(180, 100, 110, 1); 
        
    --font-green: rgba(200, 40, 90, 1); /* Soft red-pink for text */
    --font-blue: rgba(178, 30, 70, 1); /* Deep red-pink for headings */
    --font-white: rgba(250, 249, 246, 1); /* White for text in darker backgrounds */

    --soft-shadow: rgba(44, 44, 44, 0.4); /* Subtle shadow for contrast */
}