/*   LIGHT MODE OVERRIDES  [data-theme="light"]
   CSS variables handle most things; this block fixes elements
   that use hardcoded dark-only colours.
   ═══════════════════════════════════════════════════════════════ */

/* Agora section overrides: replace hardcoded rgba(0,209,178,…) with accent tokens */

[data-theme="light"] .sidebar-nav .nav-item a .nav-badge, [data-theme="light"] .topbar .notif-bell .notif-count {
 color: var(--text-inverse);
}

/* Cards hover: replace hardcoded rgba(0,209,178,…) */

[data-theme="light"] .card:hover {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px var(--accent-muted), 0 4px 20px rgba(0, 0, 0, .1);
}

[data-theme="light"] .card-header {
  background: rgba(0, 0, 0, .02);
}

/* Links */

[data-theme="light"] td a {
  color: var(--text-primary);
}

/* Table striped */

[data-theme="light"] .table {
  --bs-table-striped-bg: rgba(0, 0, 0, .025);
  --bs-table-hover-bg: rgba(0, 153, 132, .05);
}

/* List group hover */

[data-theme="light"] .list-group-item:hover {
  background: rgba(0, 0, 0, .03);
}

[data-theme="light"] .list-group-item.active {
  background: var(--accent-muted);
}

/* Proposal card */

[data-theme="light"] .proposal-card-header:hover {
  background: rgba(0, 0, 0, .025);
}

[data-theme="light"] .proposal-card-body:hover {
  background: var(--accent-muted);
}

[data-theme="light"] .proposal-author-link:hover, [data-theme="light"] .proposal-coordinator-link:hover, [data-theme="light"] button.proposal-helpers-btn:hover, [data-theme="light"] button.proposal-helpers-btn:focus-visible, [data-theme="light"] button.proposal-against-btn:hover, [data-theme="light"] button.proposal-against-btn:focus-visible {
  background: rgba(0, 0, 0, .05);
}

[data-theme="light"] .sort-btn.active, [data-theme="light"] .view-toggle-btn.active {
  color: var(--accent);
  border-color: var(--accent);
  background: var(--accent-muted);
}

/* Pulse animation: use accent color */

[data-theme="light"] .chat-room-pulse {
  color: var(--accent);
}

/* Stepper nav */

[data-theme="light"] .stepper-step-wrap {
  background: rgba(0, 0, 0, .04);
}

[data-theme="light"] .stepper-step-wrap:hover {
  background: rgba(0, 0, 0, .08);
  filter: none;
}

[data-theme="light"] .stepper-step {
  color: var(--text-muted);
}

[data-theme="light"] .stepper-step:hover {
  color: var(--text-primary);
}

[data-theme="light"] .stepper-step-count {
  background: rgba(0, 0, 0, .08);
}

/* Nav tabs */

[data-theme="light"] .nav-tabs {
  border-bottom-color: var(--border);
}

[data-theme="light"] .nav-tabs .nav-link {
  color: var(--text-muted);
}

[data-theme="light"] .nav-tabs .nav-link.active {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

/* Modal close */

[data-theme="light"] .btn-close {
  filter: none;
}

[data-theme="light"] .btn-close:hover {
  filter: none;
  opacity: .8;
}