/*
 * VirtualBackroom.ai light theme overrides (Stretch C).
 * Activated by [data-bs-theme="light"] on <html>.
 *
 * Bootstrap 5.3 already provides most light defaults via data-bs-theme,
 * but the inline overrides in templates/base.html hard-coded several
 * dark colors (cards, body, navbar). This file undoes those for light.
 *
 * Contrast verified to WCAG 2.1 AA (4.5:1 body, 3:1 large text).
 */

:root[data-bs-theme="light"] {
  --bs-body-color: #1a1d20;
  --bs-body-bg: #ffffff;
  --bs-secondary-color: #495057;
  --bs-secondary-bg: #f1f3f5;
  --bs-tertiary-bg: #f8f9fa;
  --bs-border-color: #dee2e6;
  --bs-navbar-color: rgba(0, 0, 0, 0.78);
  --bs-navbar-hover-color: rgba(0, 0, 0, 1);
  --bs-navbar-active-color: #000;
  --bs-link-color: #0a58ca;
  --bs-link-hover-color: #084298;
}

[data-bs-theme="light"] body {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
}

[data-bs-theme="light"] .navbar {
  background-color: #f8f9fa !important;
  border-bottom: 1px solid #dee2e6;
}

[data-bs-theme="light"] .navbar-brand,
[data-bs-theme="light"] .navbar .nav-link {
  color: var(--bs-navbar-color);
}

[data-bs-theme="light"] .nav-link.active {
  color: var(--bs-navbar-active-color) !important;
}

[data-bs-theme="light"] .card {
  background-color: #ffffff;
  border: 1px solid #dee2e6;
}

[data-bs-theme="light"] .card-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}

[data-bs-theme="light"] .dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #dee2e6;
}

[data-bs-theme="light"] .dropdown-item {
  color: #212529;
}

[data-bs-theme="light"] .dropdown-item:hover,
[data-bs-theme="light"] .dropdown-item:focus {
  background-color: #f1f3f5;
  color: #000;
}

[data-bs-theme="light"] .table {
  --bs-table-color: #1a1d20;
  --bs-table-bg: transparent;
}

[data-bs-theme="light"] .text-muted {
  color: #495057 !important; /* AA contrast on white */
}

[data-bs-theme="light"] .text-secondary {
  color: #495057 !important;
}

[data-bs-theme="light"] footer.border-secondary {
  border-color: #dee2e6 !important;
}

[data-bs-theme="light"] .disclaimer-banner {
  background: linear-gradient(135deg, #fff3cd 0%, #ffe5a0 100%) !important;
  color: #5a4308 !important;
  border-bottom: 1px solid #f0c674 !important;
}

[data-bs-theme="light"] pre,
[data-bs-theme="light"] code {
  background-color: #f8f9fa;
  color: #1a1d20;
  border: 1px solid #e9ecef;
}

/* Theme toggle button */
#vbr-theme-toggle {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: var(--bs-navbar-color);
  border-radius: 0.375rem;
  padding: 0.25rem 0.55rem;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}

#vbr-theme-toggle:hover,
#vbr-theme-toggle:focus-visible {
  background-color: rgba(255, 255, 255, 0.08);
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}

[data-bs-theme="light"] #vbr-theme-toggle {
  border-color: rgba(0, 0, 0, 0.15);
}

[data-bs-theme="light"] #vbr-theme-toggle:hover,
[data-bs-theme="light"] #vbr-theme-toggle:focus-visible {
  background-color: rgba(0, 0, 0, 0.05);
}