:root {
  --night: #1d2240;
  --night-light: #2c3360;
  --mist: #8d93c4;
  --parchment: #f3e6c8;
  --parchment-dark: #e2cfa4;
  --ink: #3a2a1e;
  --ink-soft: #6b5440;
  --candle: #ffcf6b;
  --candle-bright: #ffe9a8;
  --moss: #7fa66a;
  --cherry: #c8566a;
  --amber: #c8913a;
  --shadow: rgba(15, 12, 30, 0.35);

  --font-title: "Tiny5", "Courier New", monospace;
  --font-text: "Figtree", system-ui, sans-serif;
  --font-hand: "Caveat", "Segoe Print", cursive;
  --font-runes: "Noto Sans Runic", "Segoe UI Historic", serif;

  --radius: 6px;
  --space: 16px;
}

body {
  margin: 0;
  background: var(--night);
  color: var(--parchment);
  font-family: var(--font-text);
}

button {
  font: inherit;
  cursor: pointer;
}

:focus-visible {
  outline: 2px solid var(--candle);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 1ms !important; transition-duration: 1ms !important; }
}