/*
 * Theme overrides for Bootstrap 5.3 (vendored, unmodified, in bootstrap.min.css).
 * Edit ONLY the brand tokens below to change the color scheme later.
 * Everything else in this file derives from those tokens.
 */
:root {
  /* --- Brand tokens: edit these to re-theme --- */
  --brand-primary: #2563eb;
  --brand-primary-rgb: 37, 99, 235;
  --brand-primary-hover: #1d4ed8;
  --brand-primary-active: #1e40af;
  --brand-primary-subtle-bg: #eff6ff;
  --brand-primary-subtle-border: #bfdbfe;
  --brand-primary-emphasis: #1e3a8a;
  --brand-body-bg: #fafafa;
  --brand-body-color: #333;
  --brand-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

  /* --- Bootstrap variable overrides (derived from tokens above) --- */
  --bs-primary: var(--brand-primary);
  --bs-primary-rgb: var(--brand-primary-rgb);
  --bs-link-color: var(--brand-primary);
  --bs-link-color-rgb: var(--brand-primary-rgb);
  --bs-link-hover-color: var(--brand-primary-hover);
  --bs-link-hover-color-rgb: var(--brand-primary-rgb);
  --bs-primary-bg-subtle: var(--brand-primary-subtle-bg);
  --bs-primary-border-subtle: var(--brand-primary-subtle-border);
  --bs-primary-text-emphasis: var(--brand-primary-emphasis);
  --bs-body-bg: var(--brand-body-bg);
  --bs-body-color: var(--brand-body-color);
  --bs-body-font-family: var(--brand-font-family);
  --bs-focus-ring-color: rgba(var(--brand-primary-rgb), .25);
}

.btn-primary {
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary-hover);
  --bs-btn-hover-border-color: var(--brand-primary-hover);
  --bs-btn-active-bg: var(--brand-primary-active);
  --bs-btn-active-border-color: var(--brand-primary-active);
  --bs-btn-disabled-bg: var(--brand-primary);
  --bs-btn-disabled-border-color: var(--brand-primary);
  --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
}

.btn-outline-primary {
  --bs-btn-color: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary);
  --bs-btn-hover-border-color: var(--brand-primary);
  --bs-btn-active-bg: var(--brand-primary);
  --bs-btn-active-border-color: var(--brand-primary);
  --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
  --bs-btn-disabled-color: var(--brand-primary);
  --bs-btn-disabled-border-color: var(--brand-primary);
}

.dropdown-menu {
  --bs-dropdown-bg: #fff;
  --bs-dropdown-link-active-bg: var(--brand-primary);
}

.progress-bar {
  --bs-progress-bar-bg: var(--brand-primary);
}

/* Bootstrap hardcodes focus-state blue instead of referencing variables */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--brand-primary-hover);
  box-shadow: 0 0 0 .25rem rgba(var(--brand-primary-rgb), .25);
}

.form-check-input:checked {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}

.auth-card {
  max-width: 420px;
}