/*
|--------------------------------------------------------------------------
| Refute Amber Theme
|--------------------------------------------------------------------------
| Canonical Refute brand palette. Keep semantic success/danger/info colors
| distinct; Amber is the product/interaction accent.
*/
:root {
    --refute-amber-50: #fffbeb;
    --refute-amber-100: #fef3c7;
    --refute-amber-200: #fde68a;
    --refute-amber-300: #fcd34d;
    --refute-amber-400: #fbbf24;
    --refute-amber-500: #f59e0b;
    --refute-amber-600: #d97706;
    --refute-amber-700: #b45309;
    --refute-amber-800: #92400e;
    --refute-amber-900: #78350f;
    --refute-amber-950: #451a03;

    --refute-primary: var(--refute-amber-500);
    --refute-primary-hover: var(--refute-amber-600);
    --refute-primary-active: var(--refute-amber-700);
    --refute-primary-soft: var(--refute-amber-50);
    --refute-primary-border: var(--refute-amber-200);
    --refute-primary-ink: var(--refute-amber-950);

    --bs-primary: #f59e0b;
    --bs-primary-rgb: 245, 158, 11;
    --bs-link-color: #b45309;
    --bs-link-hover-color: #92400e;
}

.btn-primary,
.bg-primary {
    background-color: var(--refute-primary) !important;
    border-color: var(--refute-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--refute-primary-hover) !important;
    border-color: var(--refute-primary-hover) !important;
}

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

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

.form-control:focus,
.form-select:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--refute-amber-400) !important;
    box-shadow: 0 0 0 .2rem rgba(245, 158, 11, .14);
}