/* ── Shared design tokens & base styles ── */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --navy:#1a2744;--deep:#2c4a7c;--accent:#e8593c;--teal:#1d9e75;--amber:#ef9f27;
  --purple:#534ab7;--coral:#d85a30;--pink:#d4537e;--red:#e24b4a;
  --bg:#f5f4f0;--card:#ffffff;--border:#e4e2dc;
  --t1:#1a1a18;--t2:#73726c;--t3:#9c9a92;
  --grid-color:rgba(0,0,0,.06);--track:#eceae5;
}
[data-theme="dark"]{
  --navy:#c9d6ec;--deep:#5b8fd4;--accent:#f0785e;--teal:#3dcea0;--amber:#f5b84a;
  --purple:#8b83e0;--coral:#e87c5e;--pink:#e077a0;--red:#f06a6a;
  --bg:#121417;--card:#1a1d22;--border:#2a2e35;
  --t1:#e4e3df;--t2:#9c9a92;--t3:#65635d;
  --grid-color:rgba(255,255,255,.07);--track:#2a2e35;
}
body{font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .2s}

/* ── Dark-mode toggle button (shared) ── */
.dm-btn{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.55);padding:6px 14px 6px 11px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;font-family:inherit;line-height:1}
.dm-btn:hover{background:rgba(255,255,255,.18);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.2)}
.dm-btn svg{width:15px;height:15px;flex-shrink:0;opacity:.7;transition:opacity .2s}
.dm-btn:hover svg{opacity:1}
.dm-btn .dm-sun{display:none}
.dm-btn .dm-moon{display:block}
[data-theme="dark"] .dm-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.5)}
[data-theme="dark"] .dm-btn:hover{background:rgba(255,255,255,.14);color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.18)}
[data-theme="dark"] .dm-btn .dm-sun{display:block}
[data-theme="dark"] .dm-btn .dm-moon{display:none}

/* ── Card base (used on both index & dashboard) ── */
.card{background:var(--card);border:.5px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:10px}
.card p{font-size:14px;color:var(--t2);line-height:1.7;margin-bottom:8px}
.card p:last-child{margin-bottom:0}

/* ── Notes & disclaimers ── */
.note{font-size:13px;color:var(--t2);line-height:1.55;margin-top:6px}
.note.green{color:var(--teal);font-weight:500}
.note.amber{color:var(--amber);font-weight:500}
.disclaimer{margin-top:22px;padding:14px;background:var(--card);border:.5px solid var(--border);border-radius:10px;font-size:12px;color:var(--t3);line-height:1.6}
.badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px}