/* ============================================================
   1. tokens.css
   ============================================================ */
:root {
  --ink: #0d0d0d;
  --paper: #f5f0e8;
  --accent: #c0392b;
  --accent2: #2c3e6b;
  --green: #1d8a50;
  --muted: #7a7260;
  --border: #ccc5b0;
  --fd: 'Instrument Serif', Georgia, serif;
  --fm: 'DM Mono', monospace;
  --fs: 'Satoshi', sans-serif;
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { overflow-x: hidden; scroll-behavior: smooth; }
html.app-mode { font-size: 20px; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--fm);
  -webkit-font-smoothing: antialiased;
  min-height: 100dvh;
  overflow-x: hidden;
}