:root{
  --brand-primary:#bfb80b;
  --brand-dark:#696158;
  --brand-bg:#f8f8f6;
  --brand-card:#ffffff;
}
body{background:var(--brand-bg);}
.navbar-brand{font-weight:700; letter-spacing:.2px;}
.navbar-corp{background: var(--brand-dark) !important;}
.btn-brand,.btn-accent{background: var(--brand-primary); color:#fff; border:none;}
.btn-brand:hover,.btn-accent:hover{filter:brightness(.95); color:#fff;}
.badge-risk{background: rgba(191,184,11,.14); color: var(--brand-dark); border: 1px solid rgba(191,184,11,.35);}
.card{border:0; background: var(--brand-card);}
.card.shadow-sm{box-shadow:0 0.25rem 0.9rem rgba(0,0,0,.08)!important;}
.small-muted{color:#6c757d; font-size:.9rem;}
.table thead th{background:#ffffff; position:sticky; top:0; z-index:1;}

/* ===== BOTONES (UX) =====
   Objetivo: legible, claro y consistente.
   - Normal: amarillo corporativo con texto oscuro (mejor contraste que blanco)
   - Hover: amarillo más oscuro (nunca se ve blanco)
   - Active/press: oscuro corporativo (feedback al tocar/clicar)
   - Focus: anillo visible (accesibilidad)
*/

.btn-brand,
.btn-accent{
  background: var(--brand-primary) !important; /* #bfb80b */
  color: #1f1f1f !important;
  border: none !important;
  transition: background .15s ease, transform .06s ease;
}

/* Hover (mouse) */
.btn-brand:hover,
.btn-accent:hover{
  background: #a8a107 !important;
  color: #1f1f1f !important;
}

/* Press (mouse/touch) */
.btn-brand:active,
.btn-accent:active{
  background: var(--brand-dark) !important; /* #696158 */
  color: #ffffff !important;
  transform: translateY(1px);
}

/* Focus (teclado) */
.btn-brand:focus-visible,
.btn-accent:focus-visible{
  outline: 0 !important;
  box-shadow: 0 0 0 .25rem rgba(191,184,11,.35) !important;
}

/* Evita que los links/botones queden subrayados en algunos casos */
.btn-brand, .btn-accent { text-decoration: none !important; }


/* Editor WYSIWYG (admin) */
.editor-box{border:1px solid #ced4da; border-radius:.375rem; padding:.6rem .75rem; min-height:180px; background:#fff;}
.editor-box:focus{outline:0; box-shadow:0 0 0 .25rem rgba(191,184,11,.25);}
.editor-toolbar .btn{margin-right:.25rem; margin-bottom:.25rem;}