/* AhoraQueToca brand tokens. Albero is a background/accent only, never text on white
   (it fails AA contrast); ink is the text colour on albero. */
:root {
  --aqt-albero: #e0a526;
  --aqt-ink: #1d2329;
  --aqt-touch-min: 44px;
}

.btn,
.nav-link,
.form-control,
.form-select {
  min-height: var(--aqt-touch-min);
}

.bg-albero {
  background-color: var(--aqt-albero);
  color: var(--aqt-ink);
}

.aqt-narrow {
  max-width: 28rem;
}

/* Primary actions in brand ink; albero with ink text in dark mode (both pass AA). */
.btn-primary {
  --bs-btn-bg: var(--aqt-ink);
  --bs-btn-border-color: var(--aqt-ink);
  --bs-btn-hover-bg: #343c44;
  --bs-btn-hover-border-color: #343c44;
  --bs-btn-active-bg: #0f1418;
  --bs-btn-active-border-color: #0f1418;
  --bs-btn-disabled-bg: var(--aqt-ink);
  --bs-btn-disabled-border-color: var(--aqt-ink);
}

[data-bs-theme="dark"] .btn-primary {
  --bs-btn-color: var(--aqt-ink);
  --bs-btn-bg: var(--aqt-albero);
  --bs-btn-border-color: var(--aqt-albero);
  --bs-btn-hover-color: var(--aqt-ink);
  --bs-btn-hover-bg: #e8b84f;
  --bs-btn-hover-border-color: #e8b84f;
  --bs-btn-active-color: var(--aqt-ink);
  --bs-btn-active-bg: #c98f17;
  --bs-btn-active-border-color: #c98f17;
  --bs-btn-disabled-color: var(--aqt-ink);
  --bs-btn-disabled-bg: var(--aqt-albero);
  --bs-btn-disabled-border-color: var(--aqt-albero);
}

.aqt-space-link {
  max-width: 10rem;
}