:root {
  --bs-body-font-family: var(--af-fuente);
  --bs-body-font-size: var(--af-fs-14);
  --bs-body-color: var(--af-texto);
  --bs-body-bg: var(--af-fondo-app);
  --bs-primary: var(--af-primario); --bs-primary-rgb: 11, 77, 194;
  --bs-danger: var(--af-peligro);   --bs-danger-rgb: 220, 38, 38;
  --bs-border-color: var(--af-borde);
  --bs-link-color: var(--af-texto-enlace); --bs-link-color-rgb: 11, 77, 194;
  --bs-border-radius: var(--af-r-control);
}
.btn-primary {
  --bs-btn-bg: var(--af-primario); --bs-btn-border-color: var(--af-primario);
  --bs-btn-hover-bg: var(--af-primario-hover); --bs-btn-hover-border-color: var(--af-primario-hover);
  --bs-btn-active-bg: var(--af-primario-hover); --bs-btn-active-border-color: var(--af-primario-hover);
}
.btn-danger {
  --bs-btn-bg: var(--af-peligro); --bs-btn-border-color: var(--af-peligro);
  --bs-btn-hover-bg: var(--af-peligro-hover); --bs-btn-hover-border-color: var(--af-peligro-hover);
}
.dropdown-menu { --bs-dropdown-border-radius: var(--af-r-tarjeta); --bs-dropdown-box-shadow: var(--af-sombra-flotante); }
.modal { --bs-modal-border-radius: var(--af-r-modal); --bs-modal-box-shadow: var(--af-sombra-modal); }
.modal-backdrop { --bs-backdrop-bg: rgb(8 21 48); --bs-backdrop-opacity: .5; }