/**
 * Buttons — primary actions aligned with brand (hover → secondary)
 */

.btn {
    transition: background-color var(--k-motion-duration) var(--k-motion-easing),
        border-color var(--k-motion-duration) var(--k-motion-easing),
        color var(--k-motion-duration) var(--k-motion-easing),
        box-shadow var(--k-motion-duration) var(--k-motion-easing);
}

.btn-primary {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--k-color-text-on-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
    color: var(--k-color-text-on-secondary) !important;
}

.btn-primary:focus-visible {
    box-shadow: 0 0 0 var(--k-button-focus-ring-width) rgba(var(--brand-secondary-rgb), var(--k-button-focus-ring-opacity));
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:focus-visible,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
    color: var(--k-color-text-on-secondary) !important;
}

.btn-outline-primary:focus-visible {
    box-shadow: 0 0 0 var(--k-button-focus-ring-width) rgba(var(--brand-secondary-rgb), var(--k-button-focus-ring-opacity));
}

.btn-sm {
    padding: var(--k-button-padding-y-sm) var(--k-button-padding-x-sm);
    font-size: var(--k-text-small);
}

.btn-lg {
    padding: var(--k-button-padding-y-lg) var(--k-button-padding-x-lg);
    font-size: var(--k-text-body);
}

/* Semantic action hints (ERP) */
.btn-success {
    --bs-btn-bg: var(--k-color-success);
    --bs-btn-border-color: var(--k-color-success);
}

.btn-danger {
    --bs-btn-bg: var(--k-color-danger);
    --bs-btn-border-color: var(--k-color-danger);
}

.btn-warning {
    --bs-btn-bg: var(--k-color-warning);
    --bs-btn-border-color: var(--k-color-warning);
    --bs-btn-color: #1e293b;
}

.btn-info {
    --bs-btn-bg: var(--k-color-info);
    --bs-btn-border-color: var(--k-color-info);
}
