/* Shared styles for every page */

/* Dark mode overrides for the bright palette used across the page */
        html.dark body { background-color: #0b0b0e; color: #f4f4ef; }
        html.dark .bg-white { background-color: #141418 !important; }
        html.dark .bg-slate-50 { background-color: #0b0b0e !important; }
        html.dark .bg-slate-100 { background-color: #1b1b21 !important; }
        html.dark .bg-slate-100\/60 { background-color: #1b1b21 !important; }
        html.dark .text-navy-900, html.dark .text-slate-800, html.dark .text-slate-900, html.dark .text-slate-700 { color: #e2e8f0 !important; }
        html.dark .text-slate-600, html.dark .text-slate-500 { color: #94a3b8 !important; }
        html.dark .border-slate-200, html.dark .border-slate-200\/80, html.dark .border-slate-300 { border-color: #334155 !important; }
        html.dark .border-slate-100 { border-color: #26262e !important; }
        html.dark .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #1e293b !important; }
        html.dark input, html.dark select { background-color: #1b1b21 !important; color: #f4f4ef !important; border-color: #3a3a44 !important; }
        html.dark .ad-stripe { background: #1b1b21 !important; border-color: #3a3a44 !important; }
        html.dark .ad-stripe, html.dark .ad-stripe * { color: #94a3b8; }
        html.dark .bg-slate-50\/50, html.dark .bg-brand-50\/40 { background-color: #052e16 !important; }
        html.dark .bg-brand-50 { background-color: #052e16 !important; }
        html.dark .bg-slate-100\/50 { background-color: #1b1b21 !important; }
        html.dark .bg-slate-800\/50 { background-color: #1b1b21 !important; }

.ad-stripe {
            background: repeating-linear-gradient(
              45deg,
              #f8fafc,
              #f8fafc 10px,
              #f1f5f9 10px,
              #f1f5f9 20px
            );
        }

/* ---------- dark mode: every light palette class the pages use ---------- */
html.dark .bg-sky-50 { background-color: rgba(56, 189, 248, .12) !important; }
html.dark .bg-amber-50 { background-color: rgba(251, 191, 36, .12) !important; }
html.dark .bg-brand-50 { background-color: rgba(74, 222, 128, .10) !important; }
html.dark .bg-brand-50\/60 { background-color: rgba(74, 222, 128, .10) !important; }
html.dark .bg-brand-50\/40 { background-color: rgba(74, 222, 128, .08) !important; }
html.dark .bg-slate-50\/50 { background-color: #141418 !important; }
html.dark .bg-slate-800\/80 { background-color: rgba(30, 41, 59, .8) !important; }
html.dark .hover\:bg-slate-50:hover { background-color: #1b1b21 !important; }
html.dark .hover\:bg-brand-50:hover { background-color: rgba(74, 222, 128, .14) !important; }
html.dark .border-brand-200 { border-color: rgba(74, 222, 128, .35) !important; }
html.dark .border-sky-100 { border-color: rgba(56, 189, 248, .25) !important; }
html.dark .border-amber-300 { border-color: rgba(251, 191, 36, .4) !important; }
html.dark .border-slate-200\/60 { border-color: #334155 !important; }
html.dark .border-slate-200\/80 { border-color: #334155 !important; }
html.dark .text-brand-700, html.dark .text-brand-800 { color: #4ade80 !important; }
html.dark .text-brand-600 { color: #4ade80 !important; }
html.dark .text-amber-700, html.dark .text-amber-800, html.dark .text-amber-900 { color: #fbbf24 !important; }
html.dark .text-sky-700 { color: #7dd3fc !important; }
html.dark .text-slate-700, html.dark .text-slate-800, html.dark .text-navy-900, html.dark .text-slate-900 { color: #e2e8f0 !important; }
html.dark .text-slate-600, html.dark .text-slate-500, html.dark .text-slate-400 { color: #94a3b8 !important; }
html.dark .text-emerald-300, html.dark .text-emerald-400 { color: #6ee7b7 !important; }
html.dark .text-rose-500 { color: #fb7185 !important; }
html.dark .text-white { color: #f8fafc !important; }
html.dark .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #1e293b !important; }
html.dark .text-slate-200 { color: #cbd5e1 !important; }
html.dark table { color: #e2e8f0; }
html.dark .planner-tab { background: #141418; }
html.dark .bg-brand-600 { background-color: #16a34a !important; }
html.dark ::-webkit-scrollbar-thumb { background: #334155; }
html.dark .chip, html.dark .foot-col a { color: #e2e8f0; }
html.dark .text-brand-800\/80 { color: #86efac !important; }

/* Dark mode accents: lime, as in the GeetKaar reference. */
html.dark .bg-brand-600 { background-color: #5fae6e !important; }
html.dark .bg-brand-600 { color: #0b0b0e; }
html.dark .text-brand-700, html.dark .text-brand-600, html.dark .text-brand-800 { color: #5fae6e !important; }
html.dark .bg-brand-50, html.dark .bg-brand-50\/40, html.dark .bg-slate-50\/50 { background-color: #14200f !important; }
html.dark .border-brand-200 { border-color: #3d5a1a !important; }
html.dark .accent-brand-600 { accent-color: #5fae6e; }