:root {
    --olive: #66734b;
    --olive-dark: #4f5b38;
    --gold: #c5a24a;
    --gold-soft: #f5ecd2;
}

body,
.bg-slate-50,
.bg-slate-950,
.bg-slate-900,
.bg-slate-100 {
    background-color: #fff !important;
}

.bg-blue-600,
.bg-blue-500 {
    background-color: var(--olive) !important;
}

.bg-blue-100,
.bg-blue-50,
.bg-amber-50,
.bg-white\/10 {
    background-color: var(--gold-soft) !important;
}

.bg-cyan-400 {
    background-color: var(--gold) !important;
}

.hover\:bg-blue-700:hover,
.hover\:bg-blue-500:hover {
    background-color: var(--olive-dark) !important;
}

.hover\:bg-white\/10:hover {
    background-color: var(--gold-soft) !important;
}

.text-white,
.text-slate-900,
.text-slate-800,
.text-slate-700,
.text-slate-600,
.text-slate-500,
.text-slate-400,
.text-slate-300,
.text-blue-100 {
    color: #000 !important;
}

.text-blue-700,
.text-blue-600,
.text-blue-400,
.hover\:text-blue-600:hover,
.hover\:text-blue-700:hover {
    color: var(--olive-dark) !important;
}

.text-red-600,
.text-amber-700 {
    color: var(--gold) !important;
}

.border-slate-200,
.border-slate-300,
.ring-slate-200,
.border-amber-200,
.ring-amber-200 {
    border-color: var(--gold) !important;
    --tw-ring-color: var(--gold) !important;
}

.border-slate-600,
.border-white\/10 {
    border-color: var(--olive) !important;
}

.ring-blue-200,
.focus\:ring-blue-500:focus {
    --tw-ring-color: var(--gold-soft) !important;
}

.focus\:border-blue-500:focus {
    border-color: var(--olive) !important;
}

input[type="checkbox"] {
    color: var(--olive) !important;
}

/* Keep text legible on olive-green surfaces. */
.bg-blue-600.text-white,
.bg-blue-600 .text-white,
.bg-blue-600 .text-blue-100 {
    color: #fff !important;
}