:root {
  --ink: #2b2118;
  --paper: #17201c;
  --cream: #f4e7c9;
  --amber: #e8b04a;
  --coral: #d96c4f;
  --teal: #3e8fa6;
  --mint: #9be3d7;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  color: var(--cream);
  background: #101613;
}
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; letter-spacing: 0.04em; }
kbd {
  background: #2c3a33; border: 1px solid #56685d; border-bottom-width: 2px;
  border-radius: 4px; padding: 0 5px; font-size: 0.85em; color: var(--mint);
}
button { font-family: inherit; }