/* ===================================================
   MIDNIGHT THEME — Default MindHub (deep navy + gold)
   =================================================== */

:root {
  --color-primary: #F59E0B;
  --color-primary-dark: #D97706;
  --color-primary-light: #FCD34D;
  --color-secondary: #0A1628;
  --color-secondary-dark: #060E1A;
  --color-secondary-mid: #112240;
  --color-bg: #0A1628;
  --color-bg-card: rgba(255,255,255,0.05);
  --color-bg-card-hover: rgba(255,255,255,0.08);
  --color-text: #FFFFFF;
  --color-text-muted: rgba(255,255,255,0.6);
  --color-text-subtle: rgba(255,255,255,0.4);
  --color-border: rgba(255,255,255,0.1);
  --color-success: #10B981;
  --color-danger: #EF4444;
  --font-primary: 'Inter', sans-serif;
  --font-display: 'Inter', sans-serif;
  --radius-card: 1rem;
  --radius-btn: 0.75rem;
  --shadow-card: 0 4px 24px rgba(0,0,0,0.3);
  --btn-style: rounded;
}

body {
  background: var(--color-bg) !important;
  color: var(--color-text);
  font-family: var(--font-primary);
}

.theme-preview {
  background: linear-gradient(135deg, #0A1628 0%, #112240 50%, #F59E0B 100%);
  border-radius: 8px;
}