/* Formularios: coherencia sobre bootstrap con los tokens del design system */
.form-control:focus,
.form-check-input:focus {
    border-color: var(--vtc-primario);
    box-shadow: 0 0 0 .2rem var(--vtc-primario-claro);
}

.form-check-input:checked {
    background-color: var(--vtc-primario);
    border-color: var(--vtc-primario);
}

.btn-primary {
    background: var(--vtc-primario);
    border-color: var(--vtc-primario);
    font-weight: var(--vtc-peso-semibold);
    transition: background var(--vtc-transicion);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: var(--vtc-primario-oscuro) !important;
    border-color: var(--vtc-primario-oscuro) !important;
}

.btn-outline-secondary {
    border-color: var(--vtc-borde);
    color: var(--vtc-texto);
}

.text-danger,
.field-validation-error {
    color: var(--vtc-error) !important;
    font-size: var(--vtc-texto-sm);
}

.input-validation-error {
    border-color: var(--vtc-error);
}