/* Public-site palette: warm paper in light, a hint of warmth in dark.
   Loaded right after tokens.css by the landing, blog, docs, legal, and auth
   pages; the logged-in app keeps the neutral tokens.css palette. White cards,
   device screens, and fields stay white so they read as objects on paper.
   --surface-2 is app.css's hover tone, warmed for the auth pages. */
:root {
  --bg: #0b0b0a;
  --ink: #edece8;
  --dim: #8b8a85;
  --dimmer: #5b5a56;
  --line: #252523;
  --surface-2: #1e1d1b;
}
:root[data-theme="light"] {
  --bg: #f7f6f1;
  --ink: #1b1b19;
  --dim: #6f6d66;
  --dimmer: #a6a399;
  --line: #e4e1d8;
  --surface-2: #efede6;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg: #f7f6f1;
    --ink: #1b1b19;
    --dim: #6f6d66;
    --dimmer: #a6a399;
    --line: #e4e1d8;
    --surface-2: #efede6;
  }
}