/* ═══════════════════════════════════════════
   🌃 TOKYO NIGHT THEME — Purple/Blue Dark
   Sumo Markthal PWA
   ═══════════════════════════════════════════ */

[data-theme="tokyo"] {
  --bg:             #1a1b2e;
  --bg-card:        #232441;
  --bg-input:       #2a2b4a;
  --bg-header:      rgba(26,27,46,0.92);
  --bg-nav:         rgba(26,27,46,0.94);
  --bg-toast:       #2e2f54;
  --bg-overlay:     rgba(15,15,30,0.75);
  --bg-hover:       #2e2f50;
  --border:         rgba(130,140,255,0.1);
  --border-focus:   rgba(130,140,255,0.3);
  --shadow:         0 2px 12px rgba(0,0,0,0.2);
  --shadow-lg:      0 8px 32px rgba(0,0,0,0.4);
  --text:           #e0e0f0;
  --text-muted:     #8888aa;
  --text-dim:       #555577;
  --text-on-accent: #ffffff;
  --primary:        #7c6cf0;
  --primary-soft:   rgba(124,108,240,0.15);
  --primary-glow:   rgba(124,108,240,0.3);
  --accent-green:   #41d8a0;
  --accent-red:     #f76c8a;
  --greeting-from:  #2a2b50;
  --greeting-to:    #1e2050;
  --greeting-text:  #e0e0f0;
  --greeting-info:  #8888aa;
  --greeting-span:  #41d8a0;
  --avatar-from:    #7c6cf0;
  --avatar-to:      #f76c8a;
  --tile-blue:      rgba(100,140,255,0.06);
  --tile-blue-bdr:  rgba(100,140,255,0.25);
  --tile-green:     rgba(65,216,160,0.06);
  --tile-green-bdr: rgba(65,216,160,0.25);
  --tile-purple:    rgba(124,108,240,0.08);
  --tile-purple-bdr:rgba(124,108,240,0.3);
  --tile-orange:    rgba(255,166,80,0.06);
  --tile-orange-bdr:rgba(255,166,80,0.25);
  --tile-red:       rgba(247,108,138,0.06);
  --tile-red-bdr:   rgba(247,108,138,0.25);
  --tile-cyan:      rgba(80,220,240,0.06);
  --tile-cyan-bdr:  rgba(80,220,240,0.25);
  --tile-yellow:    rgba(250,220,90,0.06);
  --tile-yellow-bdr:rgba(250,220,90,0.25);
  --tile-pink:      rgba(255,105,180,0.06);
  --tile-pink-bdr:  rgba(255,105,180,0.25);
  --icon-blue:      #648cff;
  --icon-green:     #41d8a0;
  --icon-purple:    #7c6cf0;
  --icon-orange:    #ffa650;
  --icon-red:       #f76c8a;
  --icon-cyan:      #50dcf0;
  --icon-yellow:    #fadc5a;
  --scrollbar:      #3a3b5a;
  --toggle-off:     #3a3b5a;
  --upload-dash:    rgba(124,108,240,0.2);
  --chat-bot-bg:    #232441;
  --chat-bot-bdr:   rgba(130,140,255,0.1);
  --calc-highlight: #41d8a0;
  --select-arrow:   %238888aa;
  --scheme:         dark;
}