:root { color-scheme: dark light; }
[data-theme='light'] {
  --bg:#f5f5f0; --surface:#ffffff; --surface2:#eeede8;
  --border:#dddbd5; --text:#1a1a1a; --muted:#666660;
  --accent:#4f6ef7; --green:#1a7a3f; --orange:#b85a00;
  --blue:#1a4fbf; --red:#b82020;
}
.pill { display:inline-block; padding:2px 9px; border-radius:20px; font-size:11px; font-weight:600; background:var(--surface2); color:var(--muted); border:1px solid var(--border); }
.pill-blue  { background:#0d1b33; color:var(--blue); border-color:#1a3166; }
.pill-green { background:#0d2e24; color:var(--green); border-color:#1a4a2a; }
.pill-orange{ background:#2e1a0d; color:var(--orange); border-color:#4a2a10; }
[data-theme='light'] .pill-blue  { background:#dce6ff; color:#1a4fbf; border-color:#b0c4ff; }
[data-theme='light'] .pill-green { background:#d4f0e0; color:#1a7a3f; border-color:#a0d4b8; }
[data-theme='light'] .pill-orange{ background:#ffe8d0; color:#b85a00; border-color:#f0c090; }
#theme-btn { padding:6px 14px; border-radius:8px; background:var(--surface2); color:var(--muted); border:1px solid var(--border); cursor:pointer; font-size:12px; font-weight:600; }
#theme-btn:hover { color:var(--text); }