/* Shared baseline and Bootstrap color mapping. */
:root {
  --bs-primary: var(--color-primary);
  --bs-secondary: var(--color-secondary);
  --bs-success: #2f8a56;
  --bs-danger: #c7354a;
  --bs-warning: var(--color-accent);
  --bs-info: var(--color-secondary);
  --bs-light: #f3f7f4;
  --bs-dark: var(--color-primary-strong);
  --bs-body-bg: var(--color-bg);
  --bs-body-color: var(--color-text);
  --bs-link-color: var(--color-primary-strong);
  --bs-link-hover-color: var(--color-secondary-strong);
}

body {
  color: var(--color-text);
  background-color: var(--color-bg);
}

a {
  color: var(--color-primary-strong);
}

a:hover {
  color: var(--color-secondary-strong);
}

.form-control:focus,
.form-select:focus,
.btn:focus-visible {
  border-color: rgba(79, 139, 143, 0.45);
  box-shadow: 0 0 0 0.25rem rgba(79, 139, 143, 0.2);
}