:root {
  --tm-dark-terracota: #612e03;
  --tm-terracota: #994217;
  --tm-muted-shade: #788990;
  --tm-perola: #e9e6df;
  --tm-verde-claro: #8d9580;
  --tm-beige-rose: #e3d6c5;
}

/* Bootstrap semantic tokens remapped to brand palette */
:root,
[data-bs-theme="light"] {
  --bs-primary: #612e03;
  --bs-secondary: #994217;
  --bs-success: #8d9580;
  --bs-info: #788990;
  --bs-warning: #e3d6c5;
  --bs-danger: #994217;
  --bs-light: #e9e6df;
  --bs-dark: #612e03;
  --bs-body-color: #612e03;
  --bs-body-bg: #e9e6df;
  --bs-border-color: #e3d6c5;
}

body {
  color: var(--tm-dark-terracota);
  background-color: var(--tm-perola);
}

a,
.text-primary {
  color: var(--tm-dark-terracota) !important;
}

a:hover,
a:focus {
  color: var(--tm-terracota) !important;
}

.af-footer__section .footer-body .footer-actions .footer-action-item > a,
.af-footer__section .footer-body .footer-actions .footer-action-item > a span {
  color: #fff !important;
}

.btn-primary,
.af-btn-primary,
button.af-btn-primary {
  background-color: var(--tm-dark-terracota) !important;
  border-color: var(--tm-dark-terracota) !important;
  color: #fff !important;
}

.tm-btn--primary {
  background: var(--af-theme-primary) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.af-btn-primary:hover,
.af-btn-primary:focus,
button.af-btn-primary:hover,
button.af-btn-primary:focus {
  background-color: var(--tm-terracota) !important;
  border-color: var(--tm-terracota) !important;
  color: #fff !important;
}

/* Force white text for explicit dark-terracotta button backgrounds */
button[style*="#612e03"],
.btn[style*="#612e03"],
a.button[style*="#612e03"] {
  color: #fff !important;
}

.btn-success,
.btn-danger,
.btn-outline-danger,
.btn-outline-success {
  background-color: var(--tm-terracota) !important;
  border-color: var(--tm-terracota) !important;
  color: var(--tm-perola) !important;
}

.badge,
.alert,
.card,
.modal-content,
.dropdown-menu,
.table,
.form-control,
.form-select {
  border-color: var(--tm-beige-rose) !important;
}

.badge,
.badge.bg-primary,
.alert-primary {
  background-color: var(--tm-dark-terracota) !important;
  color: var(--tm-perola) !important;
}

.alert-success,
.bg-success,
.btn-success {
  background-color: var(--tm-verde-claro) !important;
  color: var(--tm-perola) !important;
}

.alert-danger,
.bg-danger,
.btn-danger {
  background-color: var(--tm-terracota) !important;
  color: var(--tm-perola) !important;
}

.bg-light,
.card,
.modal-content,
.dropdown-menu,
.table,
.form-control,
.form-select {
  background-color: var(--tm-perola) !important;
  color: var(--tm-dark-terracota) !important;
}