/* ===========================================
   CAPRILYTICS DARK MODE STYLES
   =========================================== */

/* Smooth Transitions */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Dark Mode Base */
.dark {
    color-scheme: dark;
}

.dark body {
    background-color: #0f172a;
    color: #e2e8f0;
}

/* Background Colors */
.dark .bg-\[\#faf8f5\] {
    background-color: #0f172a !important;
}

.dark .bg-white {
    background-color: #1e293b !important;
}

.dark .bg-\[\#f5f3ef\] {
    background-color: #1e293b !important;
}

.dark .bg-\[\#faf8f5\]\/90 {
    background-color: rgba(15, 23, 42, 0.9) !important;
}

/* Text Colors */
.dark .text-slate-800 {
    color: #e2e8f0 !important;
}

.dark .text-slate-700 {
    color: #cbd5e1 !important;
}

.dark .text-slate-600 {
    color: #94a3b8 !important;
}

.dark .text-slate-500 {
    color: #64748b !important;
}

/* Border Colors */
.dark .border-slate-200 {
    border-color: #334155 !important;
}

.dark .border-slate-300 {
    border-color: #475569 !important;
}

/* Navigation */
.dark nav {
    background-color: rgba(15, 23, 42, 0.9) !important;
}

/* Form Inputs */
.dark input,
.dark textarea {
    background-color: #1e293b !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

.dark input::placeholder,
.dark textarea::placeholder {
    color: #64748b !important;
}

/* Cards and Sections */
.dark .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2) !important;
}

/* Links */
.dark a.text-teal-500:hover {
    color: #2dd4bf !important;
}

/* Footer stays dark */
.dark footer {
    background-color: #020617 !important;
}