:root {
  

  --ink: #1b2436;
  --ink-soft: #46536b;
  
  --muted: #57637a;
  --line: #d8d5cb;
  --line-soft: #e9e6dd;

  --paper: #f6f4ed;
  --surface: #fffdf8;
  --board: #e8e5d9;
  --night: #141a28;
  --night-2: #0d1119;

  
  --accent: #2c4a7c;
  --accent-strong: #1d3457;
  --accent-soft: #7b93bb;
  --accent-tint: rgba(44, 74, 124, 0.10);
  --accent-rgb: 44, 74, 124;

  
  --seal: #b4402c;
  --seal-deep: #8a2d1e;
  --seal-tint: rgba(180, 64, 44, 0.10);

  --ok: #3d6b52;
  --danger: #8a3226;

  --shadow-sm: 0 2px 10px rgba(20, 26, 40, 0.07);
  --shadow: 0 16px 40px rgba(20, 26, 40, 0.12);
  --shadow-lg: 0 28px 64px rgba(20, 26, 40, 0.18);

  --radius-sm: 0.15rem;
  --radius: 0.3rem;
  --radius-lg: 0.5rem;

  --font-head: "Zen Old Mincho Sub", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-body: "BIZ UDPGothic Sub", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-mono: "Plex Mono Sub", "SFMono-Regular", Consolas, monospace;

  --max: 1140px;
  --gutter: 1.4rem;
  --topbar-h: 4.4rem;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 960px) { :root { --gutter: 1.2rem; } }
@media (max-width: 480px) { :root { --gutter: 1rem; --topbar-h: 3.9rem; } }