/* ================================================================
   INDICOPS — LIGHT MODE  (activated via body.light-mode)
================================================================ */

body.light-mode {
  background: linear-gradient(135deg, #f0f4f8 0%, #e8edf5 50%, #f0f4f8 100%) !important;
  color: #0f1923 !important;
  --bg-primary:    #f0f4f8;
  --bg-secondary:  #e8edf3;
  --bg-card:       rgba(255,255,255,0.75);
  --text-primary:  #0f1923;
  --text-secondary:#4a5568;
  --text-muted:    #8a95a3;
}

body.light-mode::before {
  background-image:
    radial-gradient(circle at 15% 20%, rgba(255,153,51,0.08) 0%, transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(19,136,8,0.06) 0%, transparent 45%),
    radial-gradient(circle at 60% 40%, rgba(0,0,128,0.04) 0%, transparent 40%) !important;
}

body.light-mode a { color: #e07b10; }
body.light-mode a:hover { color: #c96a00; }

/* Scrollbar */
body.light-mode ::-webkit-scrollbar-track { background: #e8edf3 !important; }

/* Header */
body.light-mode header#masthead {
  background: rgba(255,255,255,0.80) !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 32px rgba(0,0,0,0.07) !important;
}
body.light-mode .site-logo-text,
body.light-mode .site-logo-text a { color: #0f1923 !important; }
body.light-mode .site-tagline { color: #4a5568 !important; }

/* Nav */
body.light-mode .main-navigation {
  background: rgba(248,250,252,0.85) !important;
  border-top: 1px solid rgba(255,153,51,0.15) !important;
  border-bottom: 1px solid rgba(19,136,8,0.12) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.05) !important;
}
body.light-mode .nav-menu a { color: #1a2535 !important; }
body.light-mode .nav-menu a:hover { color: #e07b10 !important; }
body.light-mode .nav-menu-wrapper .site-tagline { color: #4a5568 !important; }

/* Search */
body.light-mode .header-search input {
  background: rgba(255,255,255,0.90) !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  color: #0f1923 !important;
}
body.light-mode .header-search input::placeholder { color: #8a95a3 !important; }

/* Live badge */
body.light-mode .live-badge {
  background: rgba(220,38,38,0.08) !important;
  border: 1px solid rgba(220,38,38,0.30) !important;
  color: #c0392b !important;
}
body.light-mode .live-dot { background: #e53e3e !important; }

/* Breaking bar */
body.light-mode .breaking-news-bar {
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(255,153,51,0.25) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.07) !important;
}
body.light-mode .ticker-label { color: #0f1923 !important; }
body.light-mode .ticker-content a { color: #1a2535 !important; }
body.light-mode .ticker-content a:hover { color: #e07b10 !important; }

/* Hero */
body.light-mode .hero-main {
  background: rgba(255,255,255,0.80) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.10) !important;
}
body.light-mode .hero-side-card {
  background: rgba(255,255,255,0.82) !important;
  border: 1px solid rgba(0,0,0,0.07) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.07) !important;
}
body.light-mode .hero-side-title { color: #0f1923 !important; }
body.light-mode .hero-side-meta,
body.light-mode .hero-side-cat { color: #4a5568 !important; }

/* News cards */
body.light-mode .news-card {
  background: rgba(255,255,255,0.82) !important;
  border: 1px solid rgba(0,0,0,0.07) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.07) !important;
}
body.light-mode .news-card:hover {
  background: rgba(255,255,255,0.97) !important;
  border-color: rgba(255,153,51,0.30) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.14) !important;
}
body.light-mode .news-card-title { color: #0f1923 !important; }
body.light-mode .news-card-excerpt { color: #4a5568 !important; }
body.light-mode .news-card-meta,
body.light-mode .news-card-meta * { color: #8a95a3 !important; }

/* Section headings */
body.light-mode .section-title { color: #0f1923 !important; }
body.light-mode .section-header .view-all { color: #e07b10 !important; }

/* Article list */
body.light-mode .article-list-item {
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
body.light-mode .article-list-item:hover {
  background: rgba(255,255,255,0.97) !important;
  border-color: rgba(19,136,8,0.25) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.09) !important;
}
body.light-mode .article-list-title { color: #0f1923 !important; }
body.light-mode .article-list-meta { color: #8a95a3 !important; }

/* Sidebar */
body.light-mode .sidebar-widget {
  background: rgba(255,255,255,0.82) !important;
  border: 1px solid rgba(0,0,0,0.07) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.07) !important;
}
body.light-mode .sidebar-widget-title { color: #0f1923 !important; }

/* Glass utility class override */
body.light-mode .glass {
  background: rgba(255,255,255,0.78) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
}

/* Footer */
body.light-mode .site-footer {
  background: rgba(255,255,255,0.85) !important;
  border-top: 1px solid rgba(0,0,0,0.07) !important;
}
body.light-mode .site-footer,
body.light-mode .site-footer p,
body.light-mode .site-footer h4,
body.light-mode .site-footer a,
body.light-mode .footer-about-desc { color: #1a2535 !important; }
body.light-mode .site-footer a:hover { color: #e07b10 !important; }

/* Post detail */
body.light-mode .post-title { color: #0f1923 !important; }
body.light-mode .post-body { color: #2d3748 !important; }
body.light-mode .post-body h2,
body.light-mode .post-body h3,
body.light-mode .post-body h4 { color: #0f1923 !important; }
body.light-mode .post-meta,
body.light-mode .post-meta * { color: #8a95a3 !important; }

/* General text */
body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode h5,
body.light-mode h6 { color: #0f1923; }
body.light-mode p { color: #2d3748; }

/* ── TOGGLE BUTTON ──────────────────────────────────────────────── */
#theme-toggle {
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 9999;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,153,51,0.45);
  background: rgba(20,20,36,0.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,153,51,0.15);
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1),
              box-shadow 0.3s ease,
              background 0.35s ease,
              border-color 0.35s ease;
  line-height: 1;
}
#theme-toggle:hover {
  transform: scale(1.12) rotate(15deg);
  box-shadow: 0 8px 32px rgba(255,153,51,0.35);
  border-color: rgba(255,153,51,0.75);
}

/* Toggle in light mode */
body.light-mode #theme-toggle {
  background: rgba(255,255,255,0.85) !important;
  border-color: rgba(19,136,8,0.45) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.12), 0 0 0 1px rgba(19,136,8,0.15) !important;
}

/* Tooltip */
#theme-toggle::before {
  content: attr(data-tip);
  position: absolute;
  right: 62px;
  bottom: 50%;
  transform: translateY(50%);
  background: rgba(0,0,0,0.75);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
#theme-toggle:hover::before { opacity: 1; }
body.light-mode #theme-toggle::before { background: rgba(30,30,30,0.80); }