/* ═══ DARK MODE ═══ */
html.dark{
  --ink:#e8e6e3;--ink2:#bbb;--ink3:#888;--ink5:#666;
  --paper:#141414;--paper2:#1c1c1c;--paper3:#222;
  --white:#1e1e1e;--rule:#333;--rule2:#2a2a2a;
  --navy:#FADF4B;--navy-deep:#1a1917;--feat-bg:#1a1d2e;--red:#e8354e;
}
html.dark .tb{background:#0a0a0a}
html.dark header{border-bottom-color:#333}
html.dark .logo{color:var(--ink)}
html.dark .dm{background:var(--navy)}html.dark .dm::after{transform:translateX(14px)}
html.dark .btn-s{color:#111}
html.dark .btn-s:hover{background:#e6cb30}
html.dark .mob-menu .mob-sub{color:#111}
html.dark .contra p{color:#111}
html.dark .vs-head-l{color:#111}
html.dark .by-av{color:#111}
html.dark .sh-pill:hover{color:#111}
html.dark .sr-btn:hover svg{color:#111}
html.dark .read-next{background:var(--navy)}
html.dark .rn-label{color:rgba(0,0,0,.4)}
html.dark .rn-title{color:#111}
html.dark .rn-close{color:rgba(0,0,0,.3)}
html.dark .rn-close:hover{color:#111}
html.dark .rn-arrow{color:var(--red)}
html.dark .chart-fill{color:#111}
html.dark .chart-fill.dark{color:#fff}
html.dark .big-num .num{color:var(--navy)}
html.dark .hero-img{background:linear-gradient(145deg,#2a2a2a,#222);color:#555}
html.dark .rec-card .ph{background:linear-gradient(145deg,#2a2a2a,#222);color:#555}
html.dark footer{background:#0a0a0a}
html.dark .mr-item:hover h4{color:var(--navy)}