:root {
  /* Nav */
  --nav-bg:            #FFFFFF;
  --nav-text:          #003366;
  --nav-active:        #003366;
  --nav-border:        #003366;
  /* Accent */
  --accent:            #003366;
  --accent-dark:       #002347;
  --accent-light:      #E6ECF2;
  /* Hero */
  --hero-bg:           #003366;
  --hero-bg2:          #002347;
  --hero-text:         #FFFFFF;
  --hero-subtext:      rgba(255,255,255,0.72);
  --hero-stat-color:   #FFFFFF;
  --hero-card-bg:      rgba(255,255,255,0.08);
  --hero-card-border:  rgba(255,255,255,0.16);
  --hero-card-text:    #FFFFFF;
  /* Site BG */
  --bg:                #FFFFFF;
  --bg-soft:           #EEE6DB;
  --section-dark:      #003366;
  /* Text */
  --text:              #1A1D21;
  --text-soft:         #4B5563;
  --text-muted:        #A7A8AC;
  /* Borders */
  --line:              #E3E4E6;
  --line-soft:         #E3E4E6;
  --line-1:            #E3E4E6;
  /* CTA / Footer */
  --cta-banner-bg:     #003366;
  --cta-banner-text:   #FFFFFF;
  --footer-bg:         #003366;
  --footer-border:     #A7A8AC;
  /* Category icon */
  --cat-icon-bg:       linear-gradient(135deg,#003366,#002347);
  --cat-icon-color:    #FFFFFF;
  /* Admin overrides (match new admin.css v4) */
.admin-sidebar { background: var(--admin-sidebar) !important; }
.brand-icon { background: var(--admin-accent) !important; }
.nav-item:hover { background: var(--admin-sidebar-active) !important; color: var(--admin-sidebar-active-text) !important; }
.nav-item.active { background: var(--admin-sidebar-active) !important; color: var(--admin-sidebar-active-text) !important; border-left-color: var(--admin-sidebar-active-border) !important; }
.nav-section { color: var(--admin-sidebar-group) !important; }
.nav-badge { background: var(--admin-badge-bg) !important; color: var(--admin-badge-text) !important; }
.admin-content { background: var(--admin-bg) !important; }
.admin-main { background: var(--admin-bg) !important; }
.admin-topbar { background: var(--admin-topbar-bg) !important; }
.btn-amber { background: var(--accent) !important; color: #FFFFFF !important; }