body {
    background: linear-gradient(180deg, #fffaf5 0%, #fff4ea 100%);
    color: #5b3a28;
}

.brand-wordmark {
    color: #df6b22;
}

body > header.bg-white {
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: 0 10px 26px -24px rgba(121, 58, 24, 0.55);
}

header span[style*="#91eae4"] {
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #df6b22 !important;
    color: #df6b22 !important;
}

body > header {
    background-color: #ffffff !important;
    background-image: none !important;
    border-bottom: 1px solid #f0dcc7;
}

header .text-gray-600:hover,
header .hover\:text-indigo-600:hover {
    color: #df6b22 !important;
}

header .hover\:bg-gray-100:hover {
    background: #fff4e8 !important;
}

.hero-bg {
    background: linear-gradient(180deg, #fff4e7 0%, #ffefdd 100%) !important;
    border-bottom: 1px solid #f6dcc3;
    background-image: none !important;
}

.hero-bg h1,
.hero-bg h2,
.hero-bg h3,
.hero-bg .text-white {
    color: #793a18 !important;
}

.hero-bg p,
.hero-bg .text-gray-300,
.hero-bg .text-slate-300,
.hero-bg .text-indigo-200 {
    color: #8a5130 !important;
}

.bg-indigo-50 {
    background: #fff3e4 !important;
}

.bg-indigo-500,
.bg-indigo-600,
.bg-indigo-700 {
    background: #df6b22 !important;
}

.hover\:bg-indigo-600:hover,
.hover\:bg-indigo-700:hover {
    background: #bb5418 !important;
}

.text-indigo-500,
.text-indigo-600,
.text-indigo-700 {
    color: #df6b22 !important;
}

.text-indigo-200 {
    color: #fff1dc !important;
}

.border-indigo-100,
.border-indigo-200 {
    border-color: #ffd6b5 !important;
}

.ring-indigo-100 {
    --tw-ring-color: rgba(245, 131, 58, 0.18) !important;
}

.focus\:ring-indigo-500:focus,
.focus\:border-indigo-500:focus,
.focus-within\:ring-indigo-500:focus-within,
.focus-within\:border-indigo-500:focus-within {
    --tw-ring-color: rgba(245, 131, 58, 0.4) !important;
    border-color: #ef9145 !important;
}

footer.bg-gray-800,
footer.bg-gray-900 {
    background: #8f4b22 !important;
}

footer .text-gray-400,
footer p {
    color: #ffe7cf !important;
}

footer a:hover {
    color: #ffe1b7 !important;
}

.prose a {
    color: #df6b22 !important;
}

.prose a:hover {
    color: #964419 !important;
}