/* ── Design Tokens ─────────────────────────────────────── */
:root {
  --bg:#f5f5f7;--bg2:#fff;--bg3:#f0f0f2;--bg4:#e8e8ea;--surface:#fff;
  --border:rgba(0,0,0,.08);--border2:rgba(0,0,0,.14);
  --text:#1d1d1f;--text2:#6e6e73;--text3:#aeaeb2;
  --accent:#2c7a4b;--accent-bg:#e8f5ed;--accent-bg2:#d1ecda;
  --amber:#b45309;--danger:#c0392b;--danger-bg:rgba(192,57,43,.07);
  --shadow-sm:0 1px 2px rgba(0,0,0,.06);
  --shadow:0 2px 8px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);
  --shadow-lg:0 8px 32px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.06);
  --radius:12px;--radius-sm:8px;--radius-xs:6px;
  --hl-bg:#fef9c3;--hl-text:#92400e;
}
[data-theme="dark"] {
  --bg:#0f0f0f;--bg2:#1c1c1e;--bg3:#2c2c2e;--bg4:#3a3a3c;--surface:#1c1c1e;
  --border:rgba(255,255,255,.08);--border2:rgba(255,255,255,.14);
  --text:#f5f5f7;--text2:#98989d;--text3:#636366;
  --accent:#4ade80;--accent-bg:rgba(74,222,128,.1);--accent-bg2:rgba(74,222,128,.18);
  --amber:#fbbf24;--danger:#f87171;--danger-bg:rgba(248,113,113,.08);
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);
  --shadow:0 2px 8px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05);
  --shadow-lg:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);
  --hl-bg:rgba(250,204,21,.2);--hl-text:#fbbf24;
}

/* ── Reset ─────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

/* ── Base Body ─────────────────────────────────────────── */
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:14px;line-height:1.5;
  background:var(--bg);color:var(--text);
  -webkit-font-smoothing:antialiased;
}