/* Nexus Theme System — CSS Variables + Dark Mode */
/* Uses Tailwind arbitrary values: bg-[var(--bg-page)] etc. */
/* Dark mode toggled via .dark class on <html> element */

:root {
  --bg-page: #f9fafb;
  --bg-card: #ffffff;
  --bg-surface: #f3f4f6;
  --border: #e5e7eb;
  --border-input: #d1d5db;
  --text-primary: #111827;
  --text-secondary: #6b7280;
  --text-muted: #9ca3af;
  --text-dim: #d1d5db;
}

:root.dark {
  --bg-page: #030712;
  --bg-card: #111827;
  --bg-surface: #1f2937;
  --border: #1f2937;
  --border-input: #374151;
  --text-primary: #f9fafb;
  --text-secondary: #9ca3af;
  --text-muted: #6b7280;
  --text-dim: #4b5563;
}
