/*
 * Bootstrap 5.3 (CDN) компилирует .btn-primary / .btn-outline-primary с фиксированным #0d6efd
 * для всех состояний — игнорируя --bs-primary из темы. Привязываем кнопки к токенам темы.
 */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary) 84%, #000);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary) 84%, #000);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary) 72%, #000);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary) 72%, #000);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary) 88%, #000);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary) 88%, #000);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-gradient: none;
}

.btn-link {
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

/* CDN фиксирует RGBA(13,110,253) — бейджи и подобное */
.text-bg-primary {
    color: #fff !important;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}