/*
 * Remapeamento das variáveis do Bootstrap 5 para os tokens de design.
 * Bootstrap fornece estrutura e comportamento; a identidade visual vem
 * destes tokens (docs/estrategia-tecnica.md, DEC-002).
 * Carregar depois de assets/vendor/bootstrap/.../bootstrap.min.css e de tokens.css.
 */

:root {
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: 0, 75, 180;
  --bs-success: var(--color-success);
  --bs-danger: var(--color-danger);
  --bs-warning: var(--color-accent);
  --bs-info: var(--color-info);

  --bs-body-font-family: var(--font-family-base);
  --bs-body-font-size: var(--font-size-base);
  --bs-body-line-height: var(--line-height-base);
  --bs-body-color: var(--color-text);
  --bs-body-bg: var(--color-bg);

  --bs-border-color: var(--color-border);
  --bs-border-radius: var(--radius-md);
  --bs-border-radius-sm: var(--radius-sm);
  --bs-border-radius-lg: var(--radius-lg);
  --bs-border-radius-pill: var(--radius-pill);

  --bs-link-color: var(--color-primary);
  --bs-link-hover-color: var(--color-primary-hover);

  --bs-focus-ring-color: rgba(0, 75, 180, .35);
}

.btn-primary {
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-bg: var(--color-primary-hover);
  --bs-btn-hover-border-color: var(--color-primary-hover);
  --bs-btn-active-bg: var(--color-primary-active);
  --bs-btn-active-border-color: var(--color-primary-active);
  --bs-btn-color: var(--color-text-inverse);
  --bs-btn-hover-color: var(--color-text-inverse);
  --bs-btn-active-color: var(--color-text-inverse);
  --bs-btn-focus-box-shadow: var(--shadow-focus);
}

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

.form-control:focus,
.form-select:focus {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-focus);
}