/* v2/css/buttons.css — 테마 토큰만 사용 (라이트/다크는 theme.css) */

.btn {
    border-radius: var(--theme-border-radius, 5px);
    font-size: var(--font-size-base, 14px);
    font-weight: 500;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.btn:focus,
.btn.focus {
    box-shadow: 0 0 0 0.2rem var(--theme-btn-focus-ring, rgba(58, 143, 212, 0.35));
}

.btn:disabled,
.btn.disabled {
    opacity: 0.65;
    pointer-events: none;
}


.btn-primary,
.bg-manager {
    color: var(--theme-text-on-accent, #fff) !important;
    background-color: var(--theme-accent, #3a8fd4) !important;
    border-color: var(--theme-accent, #3a8fd4) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
a.bg-manager:hover,
a.bg-manager:focus,
button.bg-manager:hover,
button.bg-manager:focus {
    color: var(--theme-text-on-accent, #fff) !important;
    background-color: var(--theme-accent-hover, #2a6fad) !important;
    border-color: var(--theme-accent-hover, #2a6fad) !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    color: var(--theme-text-on-accent, #fff) !important;
    background-color: var(--theme-accent, #3a8fd4) !important;
    border-color: var(--theme-accent, #3a8fd4) !important;
}

.border-manager,
.border-primary {
    border-color: var(--theme-accent, #3a8fd4) !important;
}

/* Success */
.btn-success,
.green_color_bg {
    color: var(--theme-btn-success-text, #fff) !important;
    background-color: var(--theme-btn-success-bg, #5cb85c) !important;
    border-color: var(--theme-btn-success-bg, #5cb85c) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
.green_color_bg:hover {
    color: var(--theme-btn-success-text, #fff) !important;
    background-color: var(--theme-btn-success-hover, #4cae4c) !important;
    border-color: var(--theme-btn-success-hover, #4cae4c) !important;
}

.btn-success:disabled,
.btn-success.disabled {
    color: var(--theme-btn-success-text, #fff) !important;
    background-color: var(--theme-btn-success-bg, #5cb85c) !important;
    border-color: var(--theme-btn-success-bg, #5cb85c) !important;
}

.border-success {
    border-color: var(--theme-btn-success-bg, #5cb85c) !important;
}

/* Info */
.btn-info {
    color: var(--theme-btn-info-text, #fff) !important;
    background-color: var(--theme-btn-info-bg, #5bc0de) !important;
    border-color: var(--theme-btn-info-bg, #5bc0de) !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: var(--theme-btn-info-text, #fff) !important;
    background-color: var(--theme-btn-info-hover, #46b8da) !important;
    border-color: var(--theme-btn-info-hover, #46b8da) !important;
}

.btn-info:disabled,
.btn-info.disabled {
    color: var(--theme-btn-info-text, #fff) !important;
    background-color: var(--theme-btn-info-bg, #5bc0de) !important;
    border-color: var(--theme-btn-info-bg, #5bc0de) !important;
}

.border-info {
    border-color: var(--theme-btn-info-bg, #5bc0de) !important;
}

/* Default */
.btn-default {
    background: var(--theme-btn-default-bg) !important;
    border: 1px solid var(--theme-btn-default-border) !important;
    color: var(--theme-btn-default-text) !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default,
.show > .btn-default.dropdown-toggle {
    background: var(--theme-btn-default-hover-bg) !important;
    border-color: var(--theme-btn-default-border) !important;
    color: var(--theme-btn-default-hover-text) !important;
}

.input-group > .btn-default,
.input-group > .btn-default:hover,
.input-group > .btn-default:focus,
.input-group > .btn-default:active,
.input-group > .btn-default.active,
.input-group > .show.dropdown-toggle.btn-default,
.input-group > .show > .btn-default.dropdown-toggle {
    border-color: var(--theme-form-input-border) !important;
}

/* Secondary */
.btn-secondary {
    color: var(--theme-btn-secondary-text) !important;
    background-color: var(--theme-btn-secondary-bg) !important;
    border-color: var(--theme-btn-secondary-bg) !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
    color: var(--theme-btn-secondary-text) !important;
    background-color: var(--theme-btn-secondary-hover) !important;
    border-color: var(--theme-btn-secondary-hover) !important;
}

/* Danger */
.btn-danger {
    color: var(--theme-btn-danger-text) !important;
    background-color: var(--theme-btn-danger-bg) !important;
    border-color: var(--theme-btn-danger-bg) !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: var(--theme-btn-danger-text) !important;
    background-color: var(--theme-btn-danger-hover) !important;
    border-color: var(--theme-btn-danger-hover) !important;
}

/* Warning */
.btn-warning,
.yellow_color_bg {
    color: var(--theme-btn-warning-text) !important;
    background-color: var(--theme-btn-warning-bg) !important;
    border-color: var(--theme-btn-warning-bg) !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: var(--theme-btn-warning-text) !important;
    background-color: var(--theme-btn-warning-hover) !important;
    border-color: var(--theme-btn-warning-hover) !important;
}

/* Outline */
.btn.btn-outline {
    background: transparent !important;
}

.btn-primary.btn-outline {
    color: var(--theme-accent, #3a8fd4) !important;
    border: 2px solid var(--theme-accent, #3a8fd4) !important;
    background: transparent !important;
}

.btn-primary.btn-outline:hover {
    color: var(--theme-text-on-accent, #fff) !important;
    background: var(--theme-accent, #3a8fd4) !important;
}

.btn-success.btn-outline {
    color: var(--theme-btn-success-bg, #5cb85c) !important;
    border: 2px solid var(--theme-btn-success-bg, #5cb85c) !important;
    background: transparent !important;
}

.btn-success.btn-outline:hover {
    color: var(--theme-btn-success-text, #fff) !important;
    background: var(--theme-btn-success-bg, #5cb85c) !important;
}

.btn-info.btn-outline {
    color: var(--theme-btn-info-bg, #5bc0de) !important;
    border: 2px solid var(--theme-btn-info-bg, #5bc0de) !important;
    background: transparent !important;
}

.btn-info.btn-outline:hover {
    color: var(--theme-btn-info-text, #fff) !important;
    background: var(--theme-btn-info-bg, #5bc0de) !important;
}

.btn-secondary.btn-outline {
    color: var(--theme-btn-secondary-bg) !important;
    border: 2px solid var(--theme-btn-secondary-bg) !important;
    background: transparent !important;
}

.btn-secondary.btn-outline:hover {
    color: var(--theme-btn-secondary-text) !important;
    background: var(--theme-btn-secondary-bg) !important;
}

.btn-danger.btn-outline {
    color: var(--theme-btn-danger-bg) !important;
    border: 2px solid var(--theme-btn-danger-bg) !important;
    background: transparent !important;
}

.btn-danger.btn-outline:hover {
    color: var(--theme-btn-danger-text) !important;
    background: var(--theme-btn-danger-bg) !important;
}

.btn-warning.btn-outline {
    color: var(--theme-btn-warning-bg) !important;
    border: 2px solid var(--theme-btn-warning-bg) !important;
    background: transparent !important;
}

.btn-warning.btn-outline:hover {
    color: var(--theme-btn-warning-text) !important;
    background: var(--theme-btn-warning-bg) !important;
}

/* Utility */
.exp-tip.green_color_bg {
    background-color: var(--theme-btn-success-bg, #5cb85c) !important;
    color: var(--theme-btn-success-text, #fff) !important;
}

.green_color {
    color: var(--theme-btn-success-bg, #5cb85c);
}