/* Bootstrap brand alignment — load after bootstrap.min.css on public & admin layouts */

.btn-primary {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-bg: color-mix(in srgb, var(--primary-color) 88%, #000);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--primary-color) 88%, #000);
    --bs-btn-active-bg: color-mix(in srgb, var(--primary-color) 78%, #000);
    --bs-btn-active-border-color: color-mix(in srgb, var(--primary-color) 78%, #000);
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
    --bs-btn-focus-shadow-rgb: 95, 207, 128;
}

.btn-outline-primary {
    --bs-btn-color: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color);
    --bs-btn-active-bg: color-mix(in srgb, var(--primary-color) 88%, #000);
    --bs-btn-active-border-color: color-mix(in srgb, var(--primary-color) 88%, #000);
    --bs-btn-focus-shadow-rgb: 95, 207, 128;
}

.text-primary {
    color: var(--primary-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

/* Brand link tint — page content only (not header/footer navigation) */
.main a:not(.btn):not(.btn-hub):not(.btn-hub-outline):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.logo):not(.scroll-top) {
    color: color-mix(in srgb, var(--primary-color) 75%, #0f172a);
}

.main a:not(.btn):not(.btn-hub):not(.btn-hub-outline):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.logo):not(.scroll-top):hover {
    color: var(--primary-color);
}

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

.pagination .page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.badge.bg-primary {
    background-color: var(--primary-color) !important;
}

.table-primary {
    --bs-table-bg: color-mix(in srgb, var(--primary-color) 12%, #fff);
    --bs-table-border-color: color-mix(in srgb, var(--primary-color) 25%, #fff);
}