/* Variantes de badges inspiradas en Inspinia 4.1, adaptadas al tema actual de EV4. */
.badge-soft-primary, .badge-outline-primary { --badge-ink: #13745f; --badge-tint: #ddf4ef; }
.badge-soft-secondary, .badge-outline-secondary { --badge-ink: #155f8c; --badge-tint: #ddedf6; }
.badge-soft-success, .badge-outline-success { --badge-ink: #126b51; --badge-tint: #daf8ef; }
.badge-soft-info, .badge-outline-info { --badge-ink: #126e72; --badge-tint: #def6f7; }
.badge-soft-warning, .badge-outline-warning { --badge-ink: #7a5017; --badge-tint: #fef3e6; }
.badge-soft-danger, .badge-outline-danger { --badge-ink: #a5293a; --badge-tint: #fce6e8; }
.badge-soft-dark, .badge-outline-dark { --badge-ink: #313a46; --badge-tint: #e7e9eb; }
.badge-soft-purple, .badge-outline-purple { --badge-ink: #51449f; --badge-tint: #ebeafd; }

.badge[class*="badge-soft-"] {
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: var(--badge-tint);
	color: var(--badge-ink);
}

.badge[class*="badge-outline-"] {
	border: 1px solid var(--badge-ink);
	border-radius: 4px;
	background-color: transparent;
	color: var(--badge-ink);
}

a.badge[class*="badge-soft-"]:hover,
a.badge[class*="badge-soft-"]:focus,
a.badge[class*="badge-outline-"]:hover,
a.badge[class*="badge-outline-"]:focus {
	background-color: var(--badge-tint);
	color: var(--badge-ink);
	text-decoration: none;
}