/* Custom and Dark Mode Overrides for Missing Tailwind Utilities */

/* Text colors in dark mode */
.dark\:text-base-400:where(.dark, .dark *) {
    color: var(--color-base-400);
}
.dark\:text-base-300:where(.dark, .dark *) {
    color: var(--color-base-300);
}
.dark\:text-base-200:where(.dark, .dark *) {
    color: var(--color-base-200);
}

.dark\:text-blue-200:where(.dark, .dark *) {
    color: #bfdbfe;
}
.dark\:text-blue-300:where(.dark, .dark *) {
    color: #93c5fd;
}
.dark\:text-blue-400:where(.dark, .dark *) {
    color: #60a5fa;
}

.dark\:text-green-300:where(.dark, .dark *) {
    color: #86efac;
}
.dark\:text-green-400:where(.dark, .dark *) {
    color: #4ade80;
}

.dark\:text-red-300:where(.dark, .dark *) {
    color: #fca5a5;
}
.dark\:text-red-400:where(.dark, .dark *) {
    color: #f87171;
}

.dark\:text-amber-300:where(.dark, .dark *) {
    color: #fcd34d;
}

.dark\:text-primary-300:where(.dark, .dark *) {
    color: var(--color-primary-300);
}

/* Background opacity utilities in dark mode */
.dark\:bg-base-800\/30:where(.dark, .dark *) {
    background-color: color-mix(in srgb, var(--color-base-800) 30%, transparent);
}
.dark\:bg-base-800\/40:where(.dark, .dark *) {
    background-color: color-mix(in srgb, var(--color-base-800) 40%, transparent);
}
.dark\:bg-base-800\/50:where(.dark, .dark *) {
    background-color: color-mix(in srgb, var(--color-base-800) 50%, transparent);
}
.dark\:bg-base-800\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, var(--color-base-800) 60%, transparent);
}

.dark\:hover\:bg-base-800\/50:where(.dark, .dark *):hover {
    background-color: color-mix(in srgb, var(--color-base-800) 50%, transparent);
}
.dark\:hover\:bg-base-800\/60:where(.dark, .dark *):hover {
    background-color: color-mix(in srgb, var(--color-base-800) 60%, transparent);
}

.dark\:bg-blue-950\/50:where(.dark, .dark *) {
    background-color: rgba(23, 37, 84, 0.5);
}
.dark\:bg-blue-950\/60:where(.dark, .dark *) {
    background-color: rgba(23, 37, 84, 0.6);
}
.dark\:bg-blue-950\/70:where(.dark, .dark *) {
    background-color: rgba(23, 37, 84, 0.7);
}

.dark\:bg-green-950\/50:where(.dark, .dark *) {
    background-color: rgba(5, 46, 22, 0.5);
}
.dark\:bg-green-950\/60:where(.dark, .dark *) {
    background-color: rgba(5, 46, 22, 0.6);
}

.dark\:bg-red-950\/50:where(.dark, .dark *) {
    background-color: rgba(69, 10, 10, 0.5);
}
.dark\:bg-red-950\/60:where(.dark, .dark *) {
    background-color: rgba(69, 10, 10, 0.6);
}

.dark\:bg-amber-950:where(.dark, .dark *) {
    background-color: rgb(69, 26, 3);
}
.dark\:bg-amber-950\/50:where(.dark, .dark *) {
    background-color: rgba(69, 26, 3, 0.5);
}

.dark\:bg-primary-950\/50:where(.dark, .dark *) {
    background-color: color-mix(in srgb, var(--color-primary-950) 50%, transparent);
}
.dark\:bg-primary-950\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, var(--color-primary-950) 60%, transparent);
}

/* Border opacity utilities in dark mode */
.dark\:border-base-700\/60:where(.dark, .dark *) {
    border-color: color-mix(in srgb, var(--color-base-700) 60%, transparent);
}
.dark\:border-amber-900\/50:where(.dark, .dark *) {
    border-color: rgba(120, 53, 15, 0.5);
}
.dark\:border-blue-900\/50:where(.dark, .dark *) {
    border-color: rgba(30, 58, 138, 0.5);
}

/* Color Palette Utilities for Amber, Emerald, Cyan, Rose, Teal, Orange, Slate */
.bg-amber-50 { background-color: #fffbeb !important; }
.text-amber-600 { color: #d97706 !important; }
.bg-emerald-50 { background-color: #ecfdf5 !important; }
.text-emerald-600 { color: #059669 !important; }
.bg-cyan-50 { background-color: #ecfeff !important; }
.text-cyan-600 { color: #0891b2 !important; }
.bg-rose-50 { background-color: #fff1f2 !important; }
.text-rose-600 { color: #e11d48 !important; }
.bg-teal-50 { background-color: #f0fdfa !important; }
.text-teal-600 { color: #0d9488 !important; }
.bg-orange-50 { background-color: #fff7ed !important; }
.text-orange-600 { color: #ea580c !important; }
.bg-slate-100 { background-color: #f1f5f9 !important; }
.text-slate-700 { color: #334155 !important; }
.bg-blue-50 { background-color: #eff6ff !important; }
.text-blue-600 { color: #2563eb !important; }

/* Dark mode text and background color utilities */
:where(.dark, .dark *) .dark\:bg-amber-950\/50 { background-color: rgba(69, 26, 3, 0.5) !important; }
:where(.dark, .dark *) .dark\:text-amber-400 { color: #fbbf24 !important; }
:where(.dark, .dark *) .dark\:bg-emerald-950\/50 { background-color: rgba(6, 78, 59, 0.5) !important; }
:where(.dark, .dark *) .dark\:text-emerald-400 { color: #34d399 !important; }
:where(.dark, .dark *) .dark\:bg-cyan-950\/50 { background-color: rgba(22, 78, 99, 0.5) !important; }
:where(.dark, .dark *) .dark\:text-cyan-400 { color: #22d3ee !important; }
:where(.dark, .dark *) .dark\:bg-rose-950\/50 { background-color: rgba(76, 5, 25, 0.5) !important; }
:where(.dark, .dark *) .dark\:text-rose-400 { color: #fb7185 !important; }
:where(.dark, .dark *) .dark\:bg-teal-950\/50 { background-color: rgba(19, 78, 74, 0.5) !important; }
:where(.dark, .dark *) .dark\:text-teal-400 { color: #2dd4bf !important; }
:where(.dark, .dark *) .dark\:bg-orange-950\/50 { background-color: rgba(67, 20, 7, 0.5) !important; }
:where(.dark, .dark *) .dark\:text-orange-400 { color: #fb923c !important; }
:where(.dark, .dark *) .dark\:bg-slate-800 { background-color: #1e293b !important; }
:where(.dark, .dark *) .dark\:text-slate-300 { color: #cbd5e1 !important; }
:where(.dark, .dark *) .dark\:bg-blue-950\/50 { background-color: rgba(23, 37, 84, 0.5) !important; }
:where(.dark, .dark *) .dark\:text-blue-400 { color: #60a5fa !important; }