/* ============ Theme tokens ============ */
:root{
  --bg:#FAFAFA;
  --surface:#FFFFFF;
  --text:#18181B;
  --text-dim:#52525B;
  --text-mute:#A1A1AA;
  --border:#E4E4E7;
  --border-soft:#F4F4F5;
  --accent:#2563EB;
  --accent-soft:#EFF6FF;
  --code-bg:#F4F4F5;
  --code-border:#E4E4E7;
  --shadow:0 1px 2px rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.02);
  --selection:#DBEAFE;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#0A0A0B;
  --surface:#131316;
  --text:#F4F4F5;
  --text-dim:#A1A1AA;
  --text-mute:#71717A;
  --border:#27272A;
  --border-soft:#1C1C1F;
  --accent:#60A5FA;
  --accent-soft:rgba(96,165,250,.12);
  --code-bg:#1C1C1F;
  --code-border:#27272A;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.4);
  --selection:#1E3A8A;
  color-scheme:dark;
}

/* ============ Reset ============ */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter','Noto Serif SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  font-size:15px;
  transition:background-color .25s ease,color .25s ease;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
::selection{background:var(--selection);color:var(--text)}
mark{
  background:var(--accent-soft);color:var(--accent);
  padding:0 3px;border-radius:3px;font-weight:600;
}
[data-theme="dark"] mark{color:#93C5FD}