:root {
  --paper: #f3f0e8;
  --paper-soft: #e8e4da;
  --paper-warm: #dad2c2;
  --ink: #19191e;
  --ink-soft: #303036;
  --muted: #6f6b64;
  --muted-2: #8d8981;
  --silver: #91918c;
  --stone: #c9c0b0;
  --blue: #122d6e;
  --green: #125f37;
  --red: #871212;
  --yellow: #9b7016;
  --line: rgba(25, 25, 30, 0.16);
  --line-strong: rgba(25, 25, 30, 0.32);
  --white: #fffaf2;
  --shadow-soft: 0 24px 80px rgba(25, 25, 30, 0.10);
  --max: 1180px;
  --pad: clamp(18px, 3.4vw, 56px);
  --workspace-max: 100vw;
  --workspace-pad: clamp(12px, 1.4vw, 28px);
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:root[data-theme="dark"] {
  --paper: #111114;
  --paper-soft: #17171b;
  --paper-warm: #202026;
  --ink: #f3f0e8;
  --ink-soft: #d4cec2;
  --muted: #9c988f;
  --muted-2: #7e7a73;
  --silver: #b3b2ad;
  --stone: #968f83;
  --line: rgba(243, 240, 232, 0.14);
  --line-strong: rgba(243, 240, 232, 0.32);
  --white: #fffaf2;
  --shadow-soft: 0 28px 90px rgba(0, 0, 0, 0.36);
}