/* /assets/css/dark-mode.css */
:root {
  --dark-bg: #121212;
  --dark-surface: #1e1e1e;
  --dark-text: #f3f4f6;
  --dark-muted: #c7c7c7;
  --primary-dark: #1a73e8;
  --accent-dark: #00c3a1;
}

/* dark-mode applied to body.dark-mode */
body.dark-mode {
  background-color: var(--dark-bg);
  color: var(--dark-text);
}

/* Navbar dark */
body.dark-mode .navbar {
  background-color: var(--dark-surface) !important;
}

body.dark-mode .brand-name {
  color: var(--primary-dark) !important;
}

body.dark-mode .hero-section {
  background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('/assets/img/banner.jpg') center/cover no-repeat;
}

/* Buttons in dark */
body.dark-mode .btn-primary {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}

body.dark-mode .btn-outline-light {
  color: var(--accent-dark);
  border-color: var(--accent-dark);
}