/* ═══════════════════════════════════════════
   🌙 MIDNIGHT THEME — Classic Dark
   Sumo Markthal PWA
   ═══════════════════════════════════════════ */

[data-theme="midnight"] {
  --bg:             #0a0a0a;
  --bg-card:        #151515;
  --bg-input:       #1a1a1a;
  --bg-header:      rgba(10,10,10,0.92);
  --bg-nav:         rgba(10,10,10,0.94);
  --bg-toast:       #2a2a2a;
  --bg-overlay:     rgba(0,0,0,0.7);
  --bg-hover:       #1e1e1e;
  --border:         rgba(255,255,255,0.06);
  --border-focus:   rgba(255,255,255,0.15);
  --shadow:         none;
  --shadow-lg:      0 8px 32px rgba(0,0,0,0.5);
  --text:           #ffffff;
  --text-muted:     #888888;
  --text-dim:       #555555;
  --text-on-accent: #ffffff;
  --primary:        #3b82f6;
  --primary-soft:   rgba(59,130,246,0.15);
  --primary-glow:   rgba(59,130,246,0.3);
  --accent-green:   #4ade80;
  --accent-red:     #f87171;
  --greeting-from:  #1a1a2e;
  --greeting-to:    #16213e;
  --greeting-text:  #ffffff;
  --greeting-info:  #aaaaaa;
  --greeting-span:  #4ade80;
  --avatar-from:    #3b82f6;
  --avatar-to:      #a855f7;
  --tile-blue:      transparent;
  --tile-blue-bdr:  rgba(59,130,246,0.3);
  --tile-green:     transparent;
  --tile-green-bdr: rgba(74,222,128,0.3);
  --tile-purple:    transparent;
  --tile-purple-bdr:rgba(168,85,247,0.3);
  --tile-orange:    transparent;
  --tile-orange-bdr:rgba(251,146,60,0.3);
  --tile-red:       transparent;
  --tile-red-bdr:   rgba(248,113,113,0.3);
  --tile-cyan:      transparent;
  --tile-cyan-bdr:  rgba(34,211,238,0.3);
  --tile-yellow:    transparent;
  --tile-yellow-bdr:rgba(250,204,21,0.3);
  --tile-pink:      transparent;
  --tile-pink-bdr:  rgba(236,72,153,0.3);
  --icon-blue:      #3b82f6;
  --icon-green:     #4ade80;
  --icon-purple:    #a855f7;
  --icon-orange:    #fb923c;
  --icon-red:       #f87171;
  --icon-cyan:      #22d3ee;
  --icon-yellow:    #facc15;
  --scrollbar:      #333;
  --toggle-off:     #333;
  --upload-dash:    rgba(255,255,255,0.1);
  --chat-bot-bg:    #151515;
  --chat-bot-bdr:   rgba(255,255,255,0.06);
  --calc-highlight: #4ade80;
  --select-arrow:   %23888;
  --scheme:         dark;
}