/* THEME DARK */ 
:root {
    --font-color: rgba(255, 255, 255, 1); /* White */
    --font-light-color: rgba(255, 255, 255, 1); /* White */
    --font-dark-color: rgba(128, 128, 128, 1); /* Grey */
        
    --heading-color: rgba(255, 69, 0, 1); /* Halloween Orange */
    --heading-light-color: rgba(255, 69, 0, 1); /* Halloween Orange */
    --heading-dark-color: rgba(255, 165, 0, 1); /* Halloween Orange Darker Shade */
        
    --icon-color: rgba(255, 69, 0, 1); /* Halloween Orange */
    --icon-light-color: rgba(255, 69, 0, 1); /* Halloween Orange */
    --icon-dark-color: rgba(255, 165, 0, 1); /* Halloween Orange Darker Shade */
    
    --bg-color: rgba(34, 34, 34, 1); /* Dark Background */
    --bg-light-color: rgba(51, 51, 51, 1); /* Darker Background */
    --bg-dark-color: rgba(17, 17, 17, 1); /* Darkest Background */
    
    --bg-light-secondary: rgba(68, 68, 68, 1); /* Lighter Dark Background */
    --bg-dark-secondary: rgba(26, 26, 26, 1); /* Lightest Dark Background */
        
    --accent-orange: rgba(255, 69, 0, 1); /* Halloween Orange */
    --accent-light-orange: rgba(255, 165, 0, 1); /* Halloween Orange Darker Shade */
    --accent-dark-orange: rgba(128, 42, 0, 1); /* Halloween Orange Darker Shade */
    
    --accent-green: rgba(0, 128, 0, 1); /* Halloween Green */
    --accent-light-green: rgba(0, 255, 0, 1); /* Halloween Green Darker Shade */
    --accent-dark-green: rgba(0, 100, 0, 1); /* Halloween Green Darker Shade */

    --cart-grey: rgba(85, 85, 85, 1); /* Grey */
    --cart-light-grey: rgba(119, 119, 119, 1); /* Light Grey */
    --cart-dark-grey: rgba(51, 51, 51, 1); /* Dark Grey */

    --accessibility-blue: rgba(30, 144, 255, 1); /* Halloween Blue */
    
    --shadow-color: rgba(0, 0, 0, 0.5); /* Transparent Black */
            
    --prepaid-background-color: rgba(75, 0, 130, 1); /* Halloween Purple */
    --prepaid-border-color: rgba(128, 0, 255, 1); /* Halloween Purple Darker Shade */
    --prepaid-font-color: rgba(128, 0, 255, 1); /* Halloween Purple Darker Shade */
    --prepaid-icon-color: rgba(128, 0, 255, 1); /* Halloween Purple Darker Shade */
        
    --font-green: rgba(0, 128, 0, 1); /* Halloween Green */
    --font-blue: rgba(30, 144, 255, 1); /* Halloween Blue */
    --font-white: rgba(255, 255, 255, 1); /* White */

    --soft-shadow: rgba(0, 0, 0, 0.3); /* Transparent Black */
}