/* KOIST v6.0 - Dark Mode */
html.dark {
  --color-bg-base: #0f172a;
  --color-bg-subtle: #1e293b;
  --color-surface: #1e293b;
  --color-text-primary: #f1f5f9;
  --color-text-secondary: #94a3b8;
  --color-border: #334155;
  --glass-bg: rgba(15,23,42,0.8);
}
html.dark .contact-spotlight {
  background: linear-gradient(135deg, rgba(30,41,59,0.95) 0%, rgba(15,23,42,0.92) 100%);
  border-color: rgba(96,165,250,0.2);
  box-shadow: 0 25px 60px rgba(0,0,0,0.4), 0 8px 20px rgba(59,130,246,0.15);
}
html.dark .contact-spotlight__name,
html.dark .contact-spotlight__title { color: #f1f5f9; }
html.dark .contact-spotlight__phone {
  color: #60a5fa;
  text-shadow: 0 0 20px rgba(96,165,250,0.4), 0 0 40px rgba(96,165,250,0.15);
}
html.dark .glass-panel { background: rgba(15,23,42,0.8); }
@supports (backdrop-filter: blur(20px)) {
  html.dark .glass-panel { background: rgba(15,23,42,0.7); }
}