/* ═══════════════════════════════════════════════════════════
   Theme: Midnight — Deep blue-black, electric blue + purple
   ═══════════════════════════════════════════════════════════ */

.theme-midnight {
  /* Base backgrounds */
  --bg-base: #0a0e1a;
  --bg-elevated: #131829;

  /* Text hierarchy */
  --text-primary: #f5f7fb;
  --text-secondary: rgba(245, 247, 251, 0.72);
  --text-tertiary: rgba(245, 247, 251, 0.48);
  --text-muted: rgba(245, 247, 251, 0.32);

  /* Accent colors */
  --accent-primary: #4a9eff;
  --accent-primary-rgb: 74, 158, 255;
  --accent-secondary: #a855f7;
  --accent-secondary-rgb: 168, 85, 247;
  --accent-tertiary: #5dd3ff;
  --accent-tertiary-rgb: 93, 211, 255;

  /* Semantic colors */
  --success: #22c55e;
  --success-bg: rgba(34, 197, 94, 0.15);
  --warning: #f59e0b;
  --warning-bg: rgba(245, 158, 11, 0.15);
  --danger: #ef4444;
  --danger-bg: rgba(239, 68, 68, 0.15);
  --info: #3b82f6;
  --info-bg: rgba(59, 130, 246, 0.15);

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #4a9eff, #a855f7);
  --gradient-hero: linear-gradient(135deg, #4a9eff 0%, #a855f7 50%, #ec4899 100%);

  /* Glass tint — cool blue cast */
  --glass-tint: rgba(74, 158, 255, 0.03);

  color-scheme: dark;
}