/* ═══════════════════════════════════════════════════════════
   ProCash — Universal Light / Dark mode
   Public pages: dark by default, html.light switches them.
   Dashboard:    light by default, html.dark switches it.
   IMPORTANT: sections that are *designed* dark (hero, CTA band,
   footer, coloured panels) STAY dark in light mode — we only
   lighten the neutral page surfaces.
   ═══════════════════════════════════════════════════════════ */

/* ── Toggle button ── */
.pc-theme-btn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#aab2c8;padding:7px 10px;font-size:14px;cursor:pointer;line-height:1;transition:.15s}
.pc-theme-btn:hover{background:rgba(255,255,255,.14);color:#fff}
html.light .pc-theme-btn{background:#f1f5f9;border-color:#e2e8f0;color:#475569}
html.light .pc-theme-btn:hover{background:#e2e8f0;color:#0f172a}

/* ══════════ LIGHT MODE — public pages ══════════ */
html.light body{background:#f4f6fb !important;color:#1e293b}

/* Nav bar turns light — so its text/icons must turn dark */
html.light nav{background:rgba(255,255,255,.94) !important;border-bottom:1px solid #e2e8f0 !important}
html.light nav .brand,html.light .brand{color:#0f172a !important}
html.light .nlinks a{color:#475569 !important}
html.light .nlinks a:hover{color:#0f172a !important;background:#f1f5f9 !important}
html.light .blogin{color:#334155 !important;border-color:#cbd5e1 !important}
html.light .blogin:hover{color:#0f172a !important;border-color:#94a3b8 !important}
html.light .burger{color:#0f172a !important}            /* ← was invisible white-on-white */
html.light .nlinks.open{background:#fff !important;border-bottom:1px solid #e2e8f0 !important;box-shadow:0 10px 30px rgba(0,0,0,.08)}

/* Neutral text on light surfaces */
html.light h1,html.light h2,html.light h3,html.light h4{color:#0f172a}
html.light p,html.light li{color:#475569}
html.light .lead,html.light .page-sub{color:#64748b}

/* Cards on light surfaces */
html.light .pcard,html.light .blog-card,html.light .tcard,html.light .step,html.light .stat,
html.light .fbox,html.light .lvlbox,html.light .box,html.light .fcta,html.light details,
html.light .post-body,html.light .rel a{background:#fff !important;border-color:#e2e8f0 !important;color:#334155 !important}
html.light .post-title,html.light .blog-card h3,html.light details summary{color:#0f172a !important}
html.light details p,html.light .post-body{color:#475569 !important}
html.light table.pv th{background:#f8fafc;color:#0f172a}
html.light table.pv td,html.light table.pv th{border-color:#e2e8f0}

/* ── KEEP DARK: sections designed dark, unchanged in light mode ── */
/* hero (dark navy) */
html.light .hero{background:var(--ink,#0B1020) !important}
html.light .hero h1,html.light .hero .hts b{color:#fff !important}
html.light .hero h1 em{color:var(--lime,#C6F24E) !important}
html.light .hero .hsub{color:#9aa3bd !important}
html.light .hero .hts span{color:#6b768f !important}
html.light .hero .cta-s{color:#e8ebf5 !important}
html.light .hero .cta-p{color:#0B1020 !important}

/* live ticker strip (dark) */
html.light .ticker,html.light .ticker *{color:#e2e8f0 !important}

/* coloured earn/advertise panels (violet & green) */
html.light .sp,html.light .sp *{color:#fff !important}
html.light .sp .sp-btn{color:#4a3fd6 !important;background:#fff !important}
html.light .sp-adv .sp-btn{color:#0f766e !important}

/* final CTA band (dark) */
html.light .final,html.light .final h2,html.light .final p{color:#fff !important}
html.light .final .cta-p{color:#0B1020 !important}

/* trust band is dark navy — keep its text light */
html.light .trust{background:var(--ink,#0B1020) !important}
html.light .trust .tg-n{color:var(--lime,#C6F24E) !important}
html.light .trust .tg-l{color:#8A93AB !important}

/* footer dark by design */
html.light footer.sf,html.light footer.sf *{color:inherit}

/* ══════════ DARK MODE — user dashboard ══════════ */
html.dark body{background:#0f1524;color:#c5cdde}
html.dark .card,html.dark .stat-card,html.dark .task-card,html.dark .tc{background:#161d31 !important;border-color:#242d47 !important;color:#cbd5e1;box-shadow:none}
html.dark .card-title,html.dark .page-title,html.dark h1,html.dark h2,html.dark h3,html.dark .tc-title{color:#eef1f8}
html.dark .page-sub,html.dark .tc-meta{color:#7c87a3}
html.dark table th{background:#1a2138;color:#8b96b5;border-color:#242d47}
html.dark table td{border-color:#242d47;color:#c5cdde}
html.dark tr:hover td{background:#1a2138}
html.dark .form-control,html.dark input,html.dark select,html.dark textarea{background:#0f1524;border-color:#2a3350;color:#e2e8f0}
html.dark .form-label{color:#8b96b5}
html.dark .btn-gray{background:#242d47;color:#c5cdde;border-color:#2f3a5c}
html.dark a{color:#93b0f5}

body,nav,.card,.pcard,.blog-card,.tcard{transition:background-color .18s ease,color .18s ease,border-color .18s ease}