/* =============================================================
   MediConnect Bengal - Dark Mode Overrides
   ============================================================= */

body.dark-mode {
  --bg:            #0f0f1a;
  --card-bg:       #1a1a2e;
  --text:          #e8eaf6;
  --text-muted:    #8892b0;
  --border:        #2d2d44;
  --shadow:        0 4px 24px rgba(0,0,0,0.40);
  --shadow-hover:  0 8px 32px rgba(0,0,0,0.55);
  --navbar-bg:     #16213e;
  --bottom-nav-bg: #16213e;
  --input-bg:      #16213e;
}

body.dark-mode .mc-input {
  color: #e8eaf6;
}

body.dark-mode .mc-input::placeholder {
  color: #8892b0;
}

body.dark-mode .auth-card {
  background: #1a1a2e;
}

body.dark-mode .status-Pending          { background: #3d3a1a; color: #ffd166; }
body.dark-mode .status-Accepted         { background: #0d2b35; color: #4cc9f0; }
body.dark-mode .status-Sample-Collected { background: #0d1f3c; color: #a8c7ff; }
body.dark-mode .status-Completed        { background: #0a2a1a; color: #06d6a0; }

body.dark-mode select.mc-input option {
  background: #1a1a2e;
  color: #e8eaf6;
}

body.dark-mode .mc-alert-success { background: #0a2a1a; color: #06d6a0; }
body.dark-mode .mc-alert-error   { background: #2a0a10; color: #ef476f; }
body.dark-mode .mc-alert-info    { background: #0d2b35; color: #4cc9f0; }

body.dark-mode .chip {
  background: #16213e;
  border-color: #2d2d44;
  color: #8892b0;
}

body.dark-mode .chip:hover,
body.dark-mode .chip.active {
  background: var(--primary);
  color: white;
}

body.dark-mode .otp-input-group input {
  background: #16213e;
  color: #e8eaf6;
  border-color: #2d2d44;
}

body.dark-mode .theme-toggle {
  background: #2d2d44;
  color: #e8eaf6;
}

body.dark-mode .mc-navbar {
  box-shadow: 0 2px 12px rgba(0,0,0,0.30);
}

/* Smooth transition on dark mode switch */
body, .mc-card, .mc-navbar, .bottom-nav, .mc-input,
.auth-card, .stat-card, .chip {
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}