:root {
    --primary: #15803d;
    --primary-dark: #166534;
    --primary-soft: #f0fdf4;
    --primary-border: #bbf7d0;
    --accent-blue: #15803d;
    --accent-purple: #15803d;
    --bg-page: #f0fdf4;
    --border-color: #d1fae5;
}

html,
body {
    background-color: #f0fdf4;
}

body {
    color: #1f2937;
}

body[class~="bg-[#f8fafc]"],
body[class~="bg-[#F5F7FB]"],
body.bg-slate-50,
body.bg-zinc-50,
body.bg-gray-50 {
    background-color: #f0fdf4 !important;
}

[class~="bg-[#F9FAFB]"],
[class~="bg-[#F3F4F6]"],
.bg-slate-50,
.bg-zinc-50,
.bg-gray-50,
.bg-zinc-100,
.bg-gray-100 {
    background-color: #f0fdf4 !important;
}

[class*="border-[#E5E7EB]"],
[class~="border-[#E2E8F0]"],
.border-slate-200,
.border-zinc-200,
.border-gray-200 {
    border-color: #d1fae5 !important;
}

[class~="text-[#2563EB]"],
[class~="text-[#1D4ED8]"],
.text-blue-600,
.text-blue-700 {
    color: #15803d !important;
}

[class~="bg-[#2563EB]"],
[class~="bg-[#1D4ED8]"],
.bg-blue-600,
.bg-blue-700 {
    background-color: #15803d !important;
}

[class~="hover:bg-[#1D4ED8]"]:hover,
[class~="active:bg-[#1D4ED8]"]:active,
.hover\:bg-blue-700:hover {
    background-color: #166534 !important;
}

[class~="border-[#2563EB]"],
[class~="focus:border-[#2563EB]"]:focus,
[class~="focus:ring-[#2563EB]"]:focus {
    border-color: #22c55e !important;
    --tw-ring-color: rgb(34 197 94 / 0.25) !important;
}

[class~="focus:ring-blue-500/10"]:focus,
[class~="focus:ring-blue-500"]:focus {
    --tw-ring-color: rgb(34 197 94 / 0.2) !important;
}

body::selection {
    background-color: #bbf7d0;
    color: #14532d;
}

.bg-blue-50,
.bg-emerald-50,
.bg-green-50,
.bg-brand-50,
.bg-brand-100 {
    background-color: #f0fdf4 !important;
}

.border-blue-200,
.border-emerald-200,
.border-green-200,
.border-brand-100 {
    border-color: #bbf7d0 !important;
}

.text-emerald-700,
.text-green-700,
.text-brand-700,
.text-brand-800 {
    color: #166534 !important;
}

.bg-brand-900,
.bg-brand-950 {
    background-color: #dcfce7 !important;
}

.bg-brand-900 .text-white,
.bg-brand-950 .text-white {
    color: #14532d !important;
}

.bg-brand-900 a:hover,
.bg-brand-900 .hover\:text-white:hover {
    color: #166534 !important;
}

@media (prefers-color-scheme: dark) {
    html,
    body {
        background-color: #f0fdf4;
    }
}