/**
 * suig-theme.css — Mapeo Bootstrap 5 → paleta CEDH 2026
 *
 * Etapa 3 de integración cedh-design-tokens.
 * Requiere cedh-tokens.css cargado antes.
 * Cargar DESPUÉS de cedh-tokens.css y ANTES de main.css.
 *
 * main.css conserva precedencia con sus selectores específicos:
 * los botones custom hardcoded (.btn-primary con background-color)
 * no cambian hasta que main.css migre en etapa 5.
 *
 * Google Fonts (Rubik) aún no se carga — --bs-body-font-family
 * cae al primer fallback disponible (Source Sans 3 si está cacheada,
 * de lo contrario system-ui).
 */

:root {
  --bs-primary:          var(--cedh-cobalt);   /* #272F7A */
  --bs-secondary:        var(--cedh-baltic);   /* #2C5F7C */
  --bs-success:          var(--cedh-success);  /* #16A34A */
  --bs-danger:           var(--cedh-danger);   /* #DC2626 */
  --bs-warning:          var(--cedh-warning);  /* #EAB308 */
  --bs-info:             var(--cedh-teal);     /* #7BA591 */
  --bs-body-font-family: var(--cedh-font-sans);
}

/* ============================================================
 * SUIG Action Bar — botones de acción institucionales
 * Normaliza altura, padding y alineación de iconos.
 * Los colores los define la clase Bootstrap o el inline style.
 * ============================================================ */

.suig-actionbar {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.suig-actionbar form {
  display: contents;
}

.suig-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 32px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 600;
  border-radius: 6px;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
}

.suig-action-btn svg,
.suig-action-btn i {
  flex-shrink: 0;
}