/* Dark Theme Override Styles */
html.dark {
  color-scheme: dark;
  --paper: #05080f;
  --line: rgba(255, 255, 255, 0.08);
  --ink: #f8fafc;
}

/* Tailwind Gradient Overrides for Dark Mode */
html.dark .from-signal-50\/60 {
  --tw-gradient-from: rgba(20, 184, 166, 0.1) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

html.dark .via-white {
  --tw-gradient-stops: var(--tw-gradient-from), var(--paper) var(--tw-gradient-via-position, 50%), var(--tw-gradient-to) !important;
}

html.dark .to-white {
  --tw-gradient-to: var(--paper) !important;
}

html.dark body {
  background-color: var(--paper) !important;
  color: #cbd5e1 !important;
}

/* Backgrounds */
html.dark .bg-white { background-color: #0A0F1D !important; }
html.dark .bg-paper { background-color: var(--paper) !important; }
html.dark .bg-slate-50 { background-color: #0f172a !important; }
html.dark .bg-slate-50\/50 { background-color: rgba(15, 23, 42, 0.5) !important; }
html.dark .bg-slate-100 { background-color: #1e293b !important; }

/* Keep dark backgrounds dark */
/* .bg-slate-800, .bg-slate-950, .bg-ink are naturally dark, no need to override */

/* Text Colors */
html.dark .text-slate-900 { color: #f8fafc !important; }
html.dark .text-slate-800 { color: #e2e8f0 !important; }
html.dark .text-slate-700 { color: #cbd5e1 !important; }
html.dark .text-slate-600 { color: #94a3b8 !important; }
html.dark .text-slate-500 { color: #94a3b8 !important; } /* Brightened slightly for contrast */
html.dark .text-slate-400 { color: #cbd5e1 !important; } /* Brightened slightly */
html.dark .text-ink { color: var(--ink) !important; }

/* Keep .text-slate-300 and .text-white as is since they are already light */

/* Borders */
html.dark .border-slate-100 { border-color: #1e293b !important; }
html.dark .border-slate-200 { border-color: #334155 !important; }
html.dark .border-slate-200\/70 { border-color: rgba(51, 65, 85, 0.7) !important; }
/* Keep .border-slate-800 as is for the dark terminal */

/* Shadows */
html.dark .shadow-premium {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}
html.dark .shadow-premium-lg {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6) !important;
}

/* Custom Elements */
html.dark .premium-card {
  background: linear-gradient(180deg, #0A0F1D 0%, #111A2E 100%) !important;
  border-color: #1e293b !important;
}

html.dark .glass {
  background: rgba(10, 15, 29, 0.72) !important;
}

/* Soft backgrounds for icons/chips */
html.dark .bg-signal-50 { background-color: rgba(20, 184, 166, 0.15) !important; }
html.dark .bg-violet-50 { background-color: rgba(91, 91, 214, 0.15) !important; }
html.dark .bg-amber-50 { background-color: rgba(245, 166, 35, 0.15) !important; }
html.dark .bg-rose-50 { background-color: rgba(244, 63, 94, 0.15) !important; }
html.dark .bg-blue-50 { background-color: rgba(59, 130, 246, 0.15) !important; }
html.dark .bg-emerald-50 { background-color: rgba(16, 185, 129, 0.15) !important; }
html.dark .bg-sky-50 { background-color: rgba(14, 165, 233, 0.15) !important; }

/* Hover states */
html.dark .hover\:bg-slate-50:hover { background-color: #0f172a !important; }
html.dark .hover\:bg-slate-100:hover { background-color: #1e293b !important; }
html.dark .hover\:bg-slate-200:hover { background-color: #334155 !important; }

html.dark .hover\:text-slate-900:hover { color: #f8fafc !important; }