/**
 * HubitIdentity — aplica variáveis de branding (--primary, --bs-primary, etc.)
 * em controles de auth (login, recuperação de senha, seleção de tenant).
 * Carregado pelo layout _HubitAuthLayout ou pelos componentes plug-and-play.
 */
:root {
    --hi-auth-primary: var(--primary, var(--color-primary, var(--bs-primary, #2563eb)));
    --hi-auth-primary-hover: color-mix(in srgb, var(--hi-auth-primary) 85%, #000);
}

.btn-primary,
.hi-tenant-item input:checked + .hi-tenant-tile {
    --bs-btn-bg: var(--hi-auth-primary);
    --bs-btn-border-color: var(--hi-auth-primary);
    --bs-btn-hover-bg: var(--hi-auth-primary-hover);
    --bs-btn-hover-border-color: var(--hi-auth-primary-hover);
    --bs-btn-active-bg: var(--hi-auth-primary-hover);
    --bs-btn-active-border-color: var(--hi-auth-primary-hover);
}

.btn-primary {
    background-color: var(--hi-auth-primary);
    border-color: var(--hi-auth-primary);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--hi-auth-primary-hover);
    border-color: var(--hi-auth-primary-hover);
}

a:not(.btn) {
    color: var(--hi-auth-primary);
}

.spinner-border.text-primary {
    color: var(--hi-auth-primary) !important;
}

.hi-tenant-item input:checked + .hi-tenant-tile {
    border-color: var(--hi-auth-primary);
    box-shadow: 0 0 0 1px var(--hi-auth-primary);
}

.hi-tenant-item input:checked + .hi-tenant-tile .hi-tenant-radio {
    border-color: var(--hi-auth-primary);
    background: var(--hi-auth-primary);
}