/* Shared ink tokens. Sumi-e: pigment on paper, one accent, nothing glows.
   The palette is deliberately narrow because an 80 cell grid has to stay
   readable, and because anything that lights up starts to read as a slot
   machine. */

:root {
  --ink: #1a1613;
  --ink-soft: #4a4038;
  --ink-faint: #8c8275;
  --paper: #f2ebdd;
  --paper-warm: #e8dfcc;
  --paper-deep: #dcd1ba;
  --vermilion: #b8372b;
  --vermilion-soft: #d4675a;
  --pool: #14100d;

  --serif: "Hiragino Mincho ProN", "Yu Mincho", "Songti SC", Georgia, "Times New Roman", serif;

  --rule: 1px solid rgba(26, 22, 19, 0.18);
  --shadow-paper: 0 1px 0 rgba(26, 22, 19, 0.06);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--paper);
  /* Faint fibre, so the paper is not a flat fill. */
  background-image: radial-gradient(rgba(26, 22, 19, 0.035) 1px, transparent 1px);
  background-size: 7px 7px;
  color: var(--ink);
  font-family: var(--serif);
  -webkit-font-smoothing: antialiased;
}

.seal {
  display: inline-block;
  padding: 0.1em 0.35em;
  background: var(--vermilion);
  color: var(--paper);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

button {
  font-family: inherit;
  color: inherit;
  cursor: pointer;
}

button:disabled {
  cursor: default;
}