/*
 * Client light theme — vibrant blue + cyan accent (does not alter dark mode).
 * Loaded after core.css; only [data-bs-theme="light"] is scoped.
 */
[data-bs-theme="light"] {
  /* Core brand */
  --bs-primary: #1565f8;
  --bs-primary-rgb: 21, 101, 248;
  --bs-link-color: #1565f8;
  --bs-link-color-rgb: 21, 101, 248;
  --bs-link-hover-color: #0d4ecc;
  --bs-link-hover-color-rgb: 13, 78, 204;

  --bs-primary-text-emphasis: #0c3a8a;
  --bs-primary-bg-subtle: #e8eefc;
  --bs-primary-border-subtle: #b8cdf7;

  /* Cyan accent (matches gradient / hero style) */
  --bs-info: #0ea5e9;
  --bs-info-rgb: 14, 165, 233;
  --bs-info-text-emphasis: #0c4a6e;
  --bs-info-bg-subtle: #e0f2fe;
  --bs-info-border-subtle: #bae6fd;

  /* Cleaner white surfaces */
  --bs-body-bg: #f5f8fc;
  --bs-body-bg-rgb: 245, 248, 252;
  --bs-heading-color: #0f172a;
  --bs-emphasis-color: #0f172a;
  --bs-emphasis-color-rgb: 15, 23, 42;
  --bs-border-color: #e2e8f0;
  --bs-secondary-color: #64748b;
  --bs-secondary-color-rgb: 100, 116, 139;

  --bs-navbar-box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06), 0 0.25rem 0.75rem rgba(21, 101, 248, 0.06);

  --bs-focus-ring-color: rgba(21, 101, 248, 0.32);

  /* Optional: chart/config.js reads these via getCssVar */
  --bs-gradient-brand: linear-gradient(90deg, #22d3ee 0%, #1d4ed8 100%);
}

[data-bs-theme="light"] .btn-brand-gradient {
  --bs-btn-color: #fff;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  background: linear-gradient(90deg, #22d3ee 0%, #1d4ed8 55%, #1e3a8a 100%);
  border: none;
  color: #fff;
  box-shadow: 0 0.125rem 0.5rem rgba(29, 78, 216, 0.28);
}

[data-bs-theme="light"] .btn-brand-gradient:hover {
  color: #fff;
  filter: brightness(1.06);
  box-shadow: 0 0.25rem 0.65rem rgba(29, 78, 216, 0.35);
}

[data-bs-theme="light"] .btn-brand-gradient:focus-visible {
  box-shadow: 0 0 0 0.2rem rgba(21, 101, 248, 0.35), 0 0.25rem 0.65rem rgba(29, 78, 216, 0.35);
}

[data-bs-theme="light"] .btn-brand-gradient:active {
  filter: brightness(0.97);
}