:root {
  --bg: #0d0d0d;
  --surface: #101010;
  --surface-hover: #111111;

  --ink: #edede8;
  --body: #a8a8a0;
  --muted: #7a7a75;

  --accent: #c98f6b;
  --accent-hi: #e0b295;

  --rule: #1e1e1e;
  --edge: #262626;
  --edge-hi: #333331;

  --sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --pad: 20px;

  --content-max: 1440px;
}

@media (min-width: 760px) {
  :root {
    --pad: 44px;
  }
}
@media (min-width: 1100px) {
  :root {
    --pad: 80px;
  }
}