/* =========================================================
   UFS BOOTSTRAP BRIDGE
   Keeps existing Bootstrap-based pages compatible while
   progressively moving them to UFS semantic components.
   ========================================================= */
:root {
    --bs-primary: var(--ufs-facility-primary);
    --bs-primary-rgb: 10, 99, 224;
    --bs-success: var(--ufs-personal-primary);
    --bs-success-rgb: 27, 148, 96;
    --bs-danger: var(--ufs-danger-primary);
    --bs-danger-rgb: 199, 31, 42;
    --bs-warning: var(--ufs-warning-primary);
    --bs-warning-rgb: 224, 158, 0;
    --bs-body-color: var(--ufs-gray-900);
    --bs-body-bg: var(--ufs-background);
    --bs-border-color: var(--ufs-border-color);
    --bs-border-radius: var(--ufs-radius-sm);
    --bs-border-radius-lg: var(--ufs-radius);
    --bs-link-color: var(--ufs-facility-primary);
    --bs-link-hover-color: var(--ufs-facility-darker);
}

.ufs-context-personal,
[data-ufs-context="personal"] {
    --bs-primary: var(--ufs-personal-primary);
    --bs-primary-rgb: 27, 148, 96;
    --bs-link-color: var(--ufs-personal-primary);
    --bs-link-hover-color: var(--ufs-personal-darker);
}

.ufs-context-facility,
[data-ufs-context="facility"] {
    --bs-primary: var(--ufs-facility-primary);
    --bs-primary-rgb: 10, 99, 224;
    --bs-link-color: var(--ufs-facility-primary);
    --bs-link-hover-color: var(--ufs-facility-darker);
}

.btn-primary {
    --bs-btn-bg: var(--ufs-context-primary);
    --bs-btn-border-color: var(--ufs-context-primary);
    --bs-btn-hover-bg: var(--ufs-context-darker);
    --bs-btn-hover-border-color: var(--ufs-context-darker);
    --bs-btn-active-bg: var(--ufs-context-darker);
    --bs-btn-active-border-color: var(--ufs-context-darker);
    --bs-btn-disabled-bg: var(--ufs-context-primary);
    --bs-btn-disabled-border-color: var(--ufs-context-primary);
}

.btn-success {
    --bs-btn-bg: var(--ufs-personal-primary);
    --bs-btn-border-color: var(--ufs-personal-primary);
    --bs-btn-hover-bg: var(--ufs-personal-darker);
    --bs-btn-hover-border-color: var(--ufs-personal-darker);
}

.btn-danger {
    --bs-btn-bg: var(--ufs-danger-primary);
    --bs-btn-border-color: var(--ufs-danger-primary);
    --bs-btn-hover-bg: var(--ufs-danger-darker);
    --bs-btn-hover-border-color: var(--ufs-danger-darker);
}

.btn-warning {
    --bs-btn-bg: var(--ufs-warning-primary);
    --bs-btn-border-color: var(--ufs-warning-primary);
    --bs-btn-hover-bg: var(--ufs-warning-darker);
    --bs-btn-hover-border-color: var(--ufs-warning-darker);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn:focus-visible,
.nav-link:focus-visible {
    border-color: var(--ufs-context-light);
    box-shadow: var(--ufs-shadow-focus);
}