/* ============================================
   MAGTIBAY HUB - Dark Mode Styles
   dark.css
   ============================================ */

.dark-mode {
  color-scheme: dark;
  --bg:          #090e1a;
  --bg2:         #0d1526;
  --bg3:         #111e33;
  --nav-bg:      #0a1020;
  --card-bg:     #0f1a2e;
  --card-bg2:    #14243d;

  --text:        #f0f6ff;
  --text2:       #8da4c0;
  --text3:       #3d5270;
  --border:      #1a2d4a;
  --shadow:      0 4px 24px rgba(0,0,0,0.35);
  --shadow-sm:   0 1px 4px rgba(0,0,0,0.2);
}

.dark-mode .hero {
  background: linear-gradient(135deg, #081428 0%, #091a10 50%, #0a1520 100%);
}

.dark-mode .hero-badge {
  background: rgba(15,26,46,0.9);
}

.dark-mode .section-label {
  background: linear-gradient(135deg, rgba(22,163,74,0.2), rgba(37,99,235,0.2));
}

.dark-mode .ins-combo-banner {
  background: linear-gradient(135deg, rgba(22,163,74,0.1), rgba(37,99,235,0.1));
  border-color: rgba(22,163,74,0.3);
}

.dark-mode .insurance-note {
  background: linear-gradient(135deg, rgba(22,163,74,0.08), rgba(37,99,235,0.08));
  border-color: rgba(22,163,74,0.25);
}

.dark-mode .insurance-combo-box {
  background: linear-gradient(135deg, rgba(22,163,74,0.1), rgba(37,99,235,0.1));
  border-color: rgba(22,163,74,0.3);
}

.dark-mode .pcard-icon.green { background: rgba(22,163,74,0.2); }
.dark-mode .pcard-icon.blue  { background: rgba(37,99,235,0.2); }
.dark-mode .pcard-icon.purp  { background: rgba(124,58,237,0.2); }
.dark-mode .pcard-icon.amber { background: rgba(217,119,6,0.2); }
.dark-mode .pcard-icon.pink  { background: rgba(219,39,119,0.2); }

.dark-mode .modal-box {
  box-shadow: 0 30px 80px rgba(0,0,0,0.6);
}

.dark-mode input[type="range"] {
  accent-color: var(--green-light);
}

.dark-mode select option {
  background: var(--card-bg);
  color: var(--text);
}