/* Couleurs ÉconoMarché — personnalisation légère de l'administration */
:root { --em-orange: #fa681c; --em-purple: #322b75; --em-yellow: #fff100; }
html { background-color: #f5f3f9; }
.topNav { background: var(--em-purple) none !important; border-bottom: 3px solid var(--em-orange); }
#leftSide { background: var(--em-purple) none !important; }
.nav li a { background: var(--em-purple) none !important; border-top-color: #453d8c !important; border-bottom-color: #282261 !important; }
.nav li a:hover, .nav li a.active { background: #48408c none !important; border-left: 3px solid var(--em-orange); }
.nav li a span { color: #fff !important; }
.widget .title { border-bottom: 2px solid var(--em-orange); }
.dredB, .loginPage .logMeIn { background: var(--em-orange) none !important; border-color: #d64f0d !important; box-shadow: none !important; color: #fff !important; }
.dredB:hover, .loginPage .logMeIn:hover { background: #e45c14 none !important; }
.loginPage .topNav { background: var(--em-purple) none !important; }
.loginPage .widget .title h6 { color: var(--em-purple); }
.em-brand { color: #fff; font-size: 19px; font-weight: 800; letter-spacing: .4px; text-align: center; padding: 14px 3px; text-shadow: 0 1px 1px #211b51; }
.em-brand b { color: var(--em-orange); }
.loginPage .em-login-brand { color: var(--em-purple); text-align: center; font-size: 29px; font-weight: 800; line-height: 1.2; }
.loginPage .em-login-brand b { color: var(--em-orange); }