/* ── LIGHT THEME DESIGN SYSTEM ── */
:root {
  --bg: #ffffff;
  --bg2: #f8f9fa;
  --bg3: #f1f3f5;
  --surface: #ffffff;
  --border: rgba(0,0,0,0.12);
  --border2: rgba(0,0,0,0.18);
  --text: #1a1a1a; /* Modern deep charcoal */
  --text2: #4a4a4a; /* Elevated gray */
  --text3: #868e96; /* Muted labels */
  --accent: #84c23f; /* Brand Green from Logo */
  --accent-rgb: 132, 194, 63;
  --accent2: #76b236;
  --live: #d63031;
  --teal: #2d9d78;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'DM Sans', sans-serif;
  --r: 10px;
  --r2: 16px;

  /* Bootstrap Core Overrides */
  --bs-body-bg: var(--bg);
  --bs-body-color: var(--text);
  --bs-primary: var(--accent);
  --bs-light: var(--bg2);
  --bs-dark: var(--text);
  --bs-border-color: var(--border);
  --bs-card-bg: var(--surface);
}

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

/* Hard Overrides for Light Mode */
.bg-white { background-color: var(--surface) !important; }
.bg-light { background-color: var(--bg2) !important; }
.bg-dark { background-color: #f8f9fa !important; }
.text-dark { color: var(--text) !important; }
.text-white { color: var(--text) !important; }
.text-white-50 { color: var(--text3) !important; }
.text-muted { color: var(--text3) !important; }
.border-end, .border-bottom, .border-top, .border-start, .border { border-color: var(--border) !important; }
.card { background-color: var(--surface) !important; border-color: var(--border) !important; color: var(--text) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important; }

/* ── COMPONENT OVERRIDES ── */
.feat-title, .hero-title, .hero-sub, .feat-vendor, .feat-tag { color: #ffffff !important; }
.hero-stats .stat-num { color: #ffffff !important; }
.hero-stats .stat-label { color: rgba(255,255,255,0.7) !important; }
.upcoming-item { background: var(--surface) !important; border-color: var(--border) !important; }
.upcoming-item:hover { background: var(--bg2) !important; }
.vendor-card, .drop-card, .product-card, .testi-card { background: var(--surface) !important; border-color: var(--border) !important; }
.drop-img, .product-img, .vendor-avatar { background: var(--bg2) !important; border-color: var(--border2) !important;  }
.drop-countdown { background: rgba(255,255,255,0.9) !important; border-color: var(--border) !important; color: var(--text) !important; }
.cd-num { color: var(--text) !important; }

.form-control, .form-select {
    background-color: var(--bg) !important;
    border-color: var(--border2) !important;
    color: var(--text) !important;
}

/* ── NAV ── */
nav.custom-nav {
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(20px);
}

nav.custom-nav.scrolled {
  background: rgba(255,255,255,0.95);
  box-shadow: 0 4px 30px rgba(0,0,0,0.03);
}

.ticker-wrap {
  background: #ffcc00; /* Vibrant Yellow */
  color: #000;
  overflow: hidden; display: flex; align-items: center;
  font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;
}

#headerSearch {
  background: rgba(0,0,0,0.04);
  border: 1px solid var(--border);
  color: var(--text);
}

.search-results-dropdown {
  background: #ffffff;
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
  border: 1px solid var(--border);
}

.search-item:hover { background: rgba(0,0,0,0.02); }

/* ── GLASS EFFECTS (Light Mode Refinement) ── */
.glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.glass-deep {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.category-nav-scroll {
    background: rgba(255, 255, 255, 0.8) !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}

/* ── UTILS ── */
.hero-bg {
  background: radial-gradient(ellipse 60% 70% at 70% 50%, rgba(132, 194, 63, 0.08) 0%, transparent 60%);
}
.hero-grid-line {
    opacity: 0.1;
}

/* Stream Overrides for Light Mode */
.stream-panel { background: #fff; }
.stream-chat { background: #f8f9fa; }
.chat-msg.system .glass { background: #fff; border: 1px solid var(--border); }