:root {
  color-scheme: dark;
  --paper: #171613;
  --panel: #201e1a;
  --panel-soft: #292620;
  --ink: #f3eee5;
  --muted: #aaa298;
  --line: rgba(240, 227, 208, .16);
  --warm: #e7a86e;
  --cream: #f1d9b8;
  --night: #11110f;
  --max-width: 1700px;
  --pad: clamp(1.15rem, 3.4vw, 4.5rem);
  font-family: Inter, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--night); }
body { margin: 0; overflow-x: hidden; background: var(--paper); color: var(--ink); }
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
h1, h2, h3, p, figure { margin: 0; }
em { font-family: Georgia, "Songti SC", serif; font-style: italic; font-weight: 400; }
::selection { background: var(--warm); color: var(--night); }
:focus-visible { outline: 2px solid var(--warm); outline-offset: 5px; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 100; padding: .7rem 1rem; background: var(--warm); color: var(--night); }
.skip-link:focus { top: 1rem; }