/* Bootstrap ships light-mode defaults for its own CSS variables (white body
background, near-black text, etc). Loaded after bootstrap.min.css, this
remaps Bootstrap's runtime CSS variables (its documented 5.3 theming
mechanism) onto our theme.css tokens, so every Bootstrap component - body,
borders, links, .btn-primary, headings - follows our palette instead of
Bootstrap's, without any component-by-component override. */
:root {
  --bs-body-bg: var(--color-background);
  --bs-body-color: var(--color-text);
  --bs-emphasis-color: var(--color-text);
  --bs-secondary-color: var(--color-text-muted);
  --bs-tertiary-color: var(--color-text-subtle);
  --bs-heading-color: var(--color-text);
  --bs-border-color: var(--color-border);
  --bs-border-color-translucent: var(--color-border);
  --bs-tertiary-bg: var(--color-surface);
  --bs-secondary-bg: var(--color-surface-accent);
  --bs-link-color: var(--color-primary);
  --bs-link-color-rgb: 57, 120, 230;
  --bs-link-hover-color: var(--color-primary-soft);
  --bs-link-hover-color-rgb: 116, 167, 255;
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: 57, 120, 230;
  --bs-primary-text-emphasis: var(--color-primary-soft);
  --bs-primary-bg-subtle: var(--color-surface-accent);
  --bs-primary-border-subtle: var(--color-border-secondary);
}