/* ═══════════════════════════════════════════
   🌊 OCEAN THEME — Deep Blue Dark
   Sumo Markthal PWA
   ═══════════════════════════════════════════ */

[data-theme="ocean"] {
  --bg:             #0b1622;
  --bg-card:        #12202e;
  --bg-input:       #182838;
  --bg-header:      rgba(11,22,34,0.92);
  --bg-nav:         rgba(11,22,34,0.94);
  --bg-toast:       #1a2e3e;
  --bg-overlay:     rgba(5,12,20,0.75);
  --bg-hover:       #1a2e3e;
  --border:         rgba(60,160,220,0.1);
  --border-focus:   rgba(60,160,220,0.3);
  --shadow:         0 2px 12px rgba(0,0,0,0.2);
  --shadow-lg:      0 8px 32px rgba(0,0,0,0.4);
  --text:           #d0e8f4;
  --text-muted:     #6a9ab8;
  --text-dim:       #3a6a8a;
  --text-on-accent: #ffffff;
  --primary:        #2196f3;
  --primary-soft:   rgba(33,150,243,0.15);
  --primary-glow:   rgba(33,150,243,0.3);
  --accent-green:   #26d9a0;
  --accent-red:     #ff6b7a;
  --greeting-from:  #12283e;
  --greeting-to:    #0e2040;
  --greeting-text:  #d0e8f4;
  --greeting-info:  #6a9ab8;
  --greeting-span:  #26d9a0;
  --avatar-from:    #2196f3;
  --avatar-to:      #26d9a0;
  --tile-blue:      rgba(33,150,243,0.06);
  --tile-blue-bdr:  rgba(33,150,243,0.25);
  --tile-green:     rgba(38,217,160,0.06);
  --tile-green-bdr: rgba(38,217,160,0.25);
  --tile-purple:    rgba(150,100,240,0.06);
  --tile-purple-bdr:rgba(150,100,240,0.25);
  --tile-orange:    rgba(255,160,60,0.06);
  --tile-orange-bdr:rgba(255,160,60,0.25);
  --tile-red:       rgba(255,107,122,0.06);
  --tile-red-bdr:   rgba(255,107,122,0.25);
  --tile-cyan:      rgba(40,210,230,0.06);
  --tile-cyan-bdr:  rgba(40,210,230,0.25);
  --tile-yellow:    rgba(250,210,60,0.06);
  --tile-yellow-bdr:rgba(250,210,60,0.25);
  --tile-pink:      rgba(255,105,180,0.06);
  --tile-pink-bdr:  rgba(255,105,180,0.25);
  --icon-blue:      #2196f3;
  --icon-green:     #26d9a0;
  --icon-purple:    #9664f0;
  --icon-orange:    #ffa03c;
  --icon-red:       #ff6b7a;
  --icon-cyan:      #28d2e6;
  --icon-yellow:    #fad23c;
  --scrollbar:      #1a3a50;
  --toggle-off:     #1a3a50;
  --upload-dash:    rgba(33,150,243,0.2);
  --chat-bot-bg:    #12202e;
  --chat-bot-bdr:   rgba(60,160,220,0.1);
  --calc-highlight: #26d9a0;
  --select-arrow:   %236a9ab8;
  --scheme:         dark;
}