/* Theme SEPIA */
:root {
    --font-color: #7b5e57; /* Brownish Grey */
    --font-light-color: #7b5e57; /* Brownish Grey */
    --font-dark-color: #c9a48c; /* Light Brown */
        
    --heading-color: #4d3b33; /* Dark Brown */
    --heading-light-color: #4d3b33; /* Dark Brown */
    --heading-dark-color: #c9a48c; /* Light Brown */
        
    --icon-color: #4d3b33; /* Dark Brown */
    --icon-light-color: #4d3b33; /* Dark Brown */
    --icon-dark-color: #c9a48c; /* Light Brown */
    
    --bg-color: #f1e1d1; /* Cream */
    --bg-light-color: #f1e1d1; /* Cream */
    --bg-dark-color: #4d3b33; /* Light Brown */
    
    --bg-light-secondary: #e4d5c4; /* Light Cream */
    --bg-dark-secondary: #b19e8a; /* Brownish Grey */
        
    --accent-orange: #bf6b38; /* Dark Orange */
    --accent-light-orange: #bf6b38; /* Dark Orange */
    --accent-dark-orange: #bf6b38; /* Dark Orange */
    
    --accent-green: #65823b; /* Olive Green */
    --accent-light-green: #65823b; /* Olive Green */
    --accent-dark-green: #65823b; /* Olive Green */

    --cart-grey: #a48773; /* Light Brown */
    --cart-light-grey: #a48773; /* Light Brown */
    --cart-dark-grey: #7b5e57; /* Brownish Grey */

    --accessibility-blue: #485357; /* Dark Grey Blue */
    
    --shadow-color: #7b5e57; /* Brownish Grey */
            
    --prepaid-background-color: #c9a48c; /* Light Brown */
    --prepaid-border-color: #7b5e57; /* Brownish Grey */
    --prepaid-font-color: #7b5e57; /* Brownish Grey */
    --prepaid-icon-color: #7b5e57; /* Brownish Grey */
        
    --font-green: #7b5e57; /* Brownish Grey */
    --font-blue: #4d3b33; /* Dark Brown */
    --font-white: #f1e1d1; /* Cream */

    --soft-shadow: #7b5e57; /* Brownish Grey */
}