/* Dark mode styles based on system preference */
@media (prefers-color-scheme: dark) {
    :root {
	--custom-primary-color: yellow;
    	--custom-secondary-color: #2E2D2C;
    	--custom-tertiary-color: rgb(25, 37, 69);
    	--custom-primary-shadow-color: rgba(22, 160, 133, 0.9);
    	--custom-secondary-shadow-color: rgba(22, 160, 133, 0.075);
    	--custom-footer-color: #2E2D2C;
    	--custom-bg-main: yellow;
    	--custom-white: white;
    	--custom-lightcoral: lightcoral;
	font-family: 'Avenir', sans-serif !important; 
    }
}