html.dark-mode,
.dark-mode .dark-mode-ignore,
.dark-mode img {
    filter: invert(1);
}

.dark-mode .shadow,
.dark-mode .shadow-lg,
.dark-mode .shadow-sm {
    box-shadow: none;
}

.dark-mode .text-amber-400 {
    color: #033fdb;
}

.dark-mode .text-blue-400 {
    color: #9f5904;
}
.dark-mode .text-blue-500 {
    color: #c47d09;
}

.dark-mode .text-red-600 {
    color: #22d9d9;
}
.dark-mode .text-red-800 {
    color: #65e4e4;
}

.dark-mode .text-yellow-500 {
    color: #144bf5;
}

.dark-mode .text-green-600 {
    color: #e95bb5;
}

.dark-mode .text-green-600.fa-check {
    color: #000;
}

.dark-mode .text-gray-100 {
    color: #cabba5;
}
.dark-mode .text-gray-200 {
    color: #b7a285;
}
.dark-mode .text-gray-300 {
    color: #9a805b;
}
.dark-mode .text-gray-400 {
    color: #6e5c41;
}
.dark-mode .text-gray-500 {
    color: #836e4d;
}
.dark-mode .text-gray-600 {
    color: #423727;
}
.dark-mode .text-gray-700 {
    color: #444;
}
.dark-mode .text-gray-800 {
    color: #333;
}

.dark-mode date-input,
.dark-mode input,
.dark-mode select {
    background-color: #ddd;
}

.dark-mode input::placeholder {
    color: #444;
}

.dark-mode .bg-amber-400 {
    background-color: #3b69e1;
}

.dark-mode .bg-slate-400 {
    background-color: #6b5c47;
}
.dark-mode .bg-neutral-400 {
    background-color: #5c5c5c;
}
.dark-mode .bg-stone-400 {
    background-color: #575d61;
}
.dark-mode .bg-gray-100 {
    background-color: #e1d9cd;
}
.dark-mode .bg-gray-200 {
    background-color: #d6cab9;
}
.dark-mode .bg-gray-300 {
    background-color: #cabba5;
}
.dark-mode .bg-gray-400 {
    background-color: #b7a285;
}
.dark-mode .bg-gray-500 {
    background-color: #836e4d;
}
.dark-mode .bg-gray-600 {
    background-color: #423727;
}
.dark-mode .bg-gray-700 {
    background-color: #423727;
}
.dark-mode .bg-gray-800 {
    background-color: #16120d;
}
.dark-mode .bg-gray-900 {
    background-color: #444;
}

.dark-mode .bg-sky-200 {
    background-color: #451902;
}
.dark-mode .bg-sky-400 {
    background-color: #c74207;
}
.dark-mode .bg-sky-600 {
    background-color: #fd7b38;
}
.dark-mode .bg-sky-800 {
    background-color: #f8a67a;
}
.dark-mode .bg-teal-200 {
    background-color: #66091b;
}
.dark-mode .bg-teal-400 {
    background-color: #d22b40;
}
.dark-mode .bg-teal-600 {
    background-color: #f26b77;
}
.dark-mode .bg-teal-800 {
    background-color: #eea1a6;
}
.dark-mode .bg-blue-100 {
    background-color: #241501;
}
.dark-mode .bg-blue-200 {
    background-color: #402401;
}
.dark-mode .bg-blue-300 {
    background-color: #6c3a02;
}
.dark-mode .bg-blue-400 {
    background-color: #9f5904;
}
.dark-mode .bg-blue-500 {
    background-color: #c47d09;
}
.dark-mode .bg-blue-600 {
    background-color: #da9c14;
}
.dark-mode .bg-blue-700 {
    background-color: #e2b127;
}
.dark-mode .bg-blue-800 {
    background-color: #e1bf50;
}
.dark-mode .bg-blue-900 {
    background-color: #e1c575;
}

.dark-mode .bg-orange-200 {
    background-color: #012855;
}
.dark-mode .bg-orange-400 {
    background-color: #046dc3;
}
.dark-mode .bg-orange-600 {
    background-color: #15a7f3;
}
.dark-mode .bg-orange-800 {
    background-color: #65cbed;
}
.dark-mode .bg-yellow-100 {
    background-color: #01063c;
}
.dark-mode .bg-yellow-200 {
    background-color: #010f75;
}
.dark-mode .bg-yellow-300 {
    background-color: #021fb8;
}
.dark-mode .bg-yellow-400 {
    background-color: #0533ea;
}
.dark-mode .bg-yellow-500 {
    background-color: #154cf7;
}
.dark-mode .bg-yellow-600 {
    background-color: #3575fb;
}
.dark-mode .bg-yellow-700 {
    background-color: #5e9df8;
}
.dark-mode .bg-yellow-800 {
    background-color: #7ab2f1;
}
.dark-mode .bg-yellow-900 {
    background-color: #8ec0ed;
}

.dark-mode .bg-violet-200 {
    background-color: #222901;
}
.dark-mode .bg-violet-400 {
    background-color: #587405;
}
.dark-mode .bg-violet-600 {
    background-color: #83c512;
}
.dark-mode .bg-violet-800 {
    background-color: #a4de49;
}
.dark-mode .bg-indigo-200 {
    background-color: #382d01;
}
.dark-mode .bg-indigo-400 {
    background-color: #7e7307;
}
.dark-mode .bg-indigo-600 {
    background-color: #b0b91a;
}
.dark-mode .bg-indigo-800 {
    background-color: #c8cf5c;
}
.dark-mode .bg-pink-200 {
    background-color: #043017;
}
.dark-mode .bg-pink-400 {
    background-color: #0b8d49;
}
.dark-mode .bg-pink-600 {
    background-color: #24d888;
}
.dark-mode .bg-pink-800 {
    background-color: #62e8b2;
}
.dark-mode .bg-red-100 {
    background-color: #011d1d;
}
.dark-mode .bg-red-200 {
    background-color: #013535;
}
.dark-mode .bg-red-300 {
    background-color: #035a5a;
}
.dark-mode .bg-red-400 {
    background-color: #078e8e;
}
.dark-mode .bg-red-500 {
    background-color: #10bbbb;
}
.dark-mode .bg-red-600 {
    background-color: #23d9d9;
}
.dark-mode .bg-red-700 {
    background-color: #46e3e3;
}
.dark-mode .bg-red-800 {
    background-color: #66e4e4;
}
.dark-mode .bg-red-900 {
    background-color: #80e2e2;
}

.dark-mode .bg-emerald-400 {
    background-color: #cb2c66;
}
.dark-mode .bg-lime-200 {
    background-color: #260662;
}
.dark-mode .bg-lime-400 {
    background-color: #5c19ca;
}
.dark-mode .bg-lime-600 {
    background-color: #9a5cf2;
}
.dark-mode .bg-lime-800 {
    background-color: #c09ded;
}
.dark-mode .bg-green-100 {
    background-color: #230318;
}
.dark-mode .bg-green-200 {
    background-color: #44082f;
}
.dark-mode .bg-green-300 {
    background-color: #791053;
}
.dark-mode .bg-green-400 {
    background-color: #b5217f;
}
.dark-mode .bg-green-500 {
    background-color: #dd39a1;
}
.dark-mode .bg-green-600 {
    background-color: #e95cb5;
}
.dark-mode .bg-green-700 {
    background-color: #ea7fc2;
}
.dark-mode .bg-green-800 {
    background-color: #e99acb;
}
.dark-mode .bg-green-900 {
    background-color: #ebacd2;
}

.dark-mode .bg-brand-background {
    background-color: #f9f7f5;
}

.dark-mode .hover\:bg-brandPrimary-lighter:hover {
    background-color: #ae599a;
}
.dark-mode .bg-brandPrimary {
    background-color: #bd7bae;
}

.dark-mode .bg-white {
    background-color: #ede8e1;
}
.dark-mode .hover\:bg-gray-100:hover {
    background-color: #e1d9cd;
}
.dark-mode .hover\:bg-gray-200:hover {
    background-color: #d6cab9;
}
.dark-mode .hover\:bg-gray-300:hover {
    background-color: #cabba5;
}
.dark-mode .hover\:bg-gray-400:hover {
    background-color: #b7a285;
}
.dark-mode .hover\:bg-gray-500:hover {
    background-color: #836e4d;
}
.dark-mode .hover\:bg-gray-600:hover {
    background-color: #423727;
}
.dark-mode .hover\:bg-gray-700:hover {
    background-color: #423727;
}
.dark-mode .hover\:bg-gray-800:hover {
    background-color: #16120d;
}

.dark-mode .border-gray-100 {
    border-color: #e1d9cd;
}
.dark-mode .border-gray-200 {
    border-color: #d6cab9;
}
.dark-mode .border-gray-300 {
    border-color: #cabba5;
}
.dark-mode .border-gray-400 {
    border-color: #b7a285;
}
.dark-mode .border-gray-500 {
    border-color: #9a805b;
}
.dark-mode .border-gray-600 {
    border-color: #6e5c41;
}
.dark-mode .border-gray-700 {
    border-color: #423727;
}
.dark-mode .border-gray-800 {
    border-color: #16120d;
}

.dark-mode .border-yellow-300 {
    border-color: #021fb8;
}
.dark-mode .border-green-300 {
    border-color: #791053;
}
.dark-mode .border-red-300 {
    border-color: #035a5a;
}
.dark-mode .border-blue-500 {
    border-color: #c47d09;
}

.dark-mode .bg-brand {
    background-color: #f9e0cd;
}
.dark-mode .text-white {
    color: #000;
}
.dark-mode .text-black {
    color: #fff;
}
.dark-mode .text-violet-400 {
    color: #587405;
}

.xbg-white-semi {
    background-color: rgba(255, 255, 255, 0.8);
}

.xbg-fadeout {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(224, 230, 236, 1) 25%
    );
}

.dark-mode .xbg-fadeout {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(255, 255, 255, 1) 25%
    );
}

.dark-mode .xbg-white-semi {
    background-color: #dcd2c4;
}

.dark-mode .bg-black\/60 {
    background: rgba(255, 255, 255, 0.6);
}

.dark-mode .bg-brand-background.opacity-50 {
    opacity: 0.8;
}

.dark-mode .dark-mode-ignore .text-white {
    color: #fff;
}

.hover\:text-white:hover {
    color: #fff;
}

.dark-mode .hover\:text-white:hover {
    color: #000;
}