/* ── utilities.css — camada 4 (ITCSS): utilitários próprios e os overrides
 * de utilitários Bootstrap.
 *
 * Este é o ÚNICO sítio onde !important é aceitável: os utilitários do
 * Bootstrap (.bg-*, .text-*, .shadow-*) são eles próprios !important,
 * por isso re-tematizá-los exige a mesma força. Tudo o resto do CSS da
 * plataforma resolve-se com variáveis --bs-* (ver components.css). */

/* Bootstrap colour utilities re-tinted to the brand */
.bg-primary    { background-color: var(--am-text)     !important; }
.text-primary  { color: var(--am-text)                !important; }
.bg-secondary  { background-color: var(--am-bg-alt)   !important; }
.text-secondary{ color: var(--am-text-muted)          !important; }

/* text-bg-* (Bootstrap 5.2+ combined classes) used in badges and card headers */
.text-bg-primary   { background-color: rgba(203,191,176,.15)  !important; color: var(--am-text)       !important; }
.text-bg-secondary { background-color: var(--am-bg-alt)       !important; color: var(--am-text-muted) !important; }
.text-bg-success   { background-color: rgba(25,135,84,.15)    !important; color: #6ec49a              !important; }
.text-bg-danger    { background-color: rgba(220,53,69,.15)    !important; color: #e07a85              !important; }
.text-bg-warning   { background-color: rgba(201,169,110,.18)  !important; color: var(--am-photo-gold) !important; }
.text-bg-info      { background-color: rgba(201,169,110,.12)  !important; color: var(--am-photo-gold) !important; }
.text-bg-light     { background-color: rgba(203,191,176,.10)  !important; color: var(--am-text)       !important; }

/* Surfaces claras do Bootstrap viram superfícies da marca */
.bg-white {
  background-color: var(--am-bg-card) !important;
  color: var(--am-text) !important;
}
.bg-light {
  background-color: var(--am-bg-alt) !important;
  color: var(--am-text) !important;
}
.text-dark  { color: var(--am-text) !important; }
.text-light { color: var(--am-text-muted) !important; }

/* Utilitários próprios (espelham os .bg-*/.text-* do Bootstrap) */
.bg-card        { background-color: var(--am-bg-card) !important; }
.bg-alt         { background-color: var(--am-bg-alt)  !important; }
.text-brand     { color: var(--am-text)               !important; }
.border-brand   { border-color: var(--am-border)      !important; }

/* Shadows */
.shadow-sm { box-shadow: var(--am-shadow-sm) !important; }
.shadow    { box-shadow: var(--am-shadow)    !important; }