:root {
  /* palette */
  --cream:        #F4E9D8;
  --paper:        #FFFBF2;
  --ink:          #1A1A1A;
  --ink-soft:     #3A3A3A;
  --prohibit:     #E63946;
  --prohibit-dim: #9E2A33;
  --shadow:       rgba(26, 26, 26, 0.18);
  --shadow-hard:  rgba(26, 26, 26, 0.95);

  /* type */
  --font-display: "Press Start 2P", ui-monospace, monospace;
  --font-pixel:   "VT323", ui-monospace, monospace;
  --font-human:   "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  /* sizing */
  --hud-pad:      0.5rem 0.75rem;
  --pixel-shadow: 4px 4px 0 var(--ink);
  --pixel-border: 2px solid var(--ink);

  /* motion */
  --ease-arcade: cubic-bezier(0.6, 0, 0.4, 1);
}

body {
  background: var(--cream);
  color: var(--ink);
  font-family: var(--font-pixel);
  font-size: 22px;
  line-height: 1.4;
}

@media (max-width: 540px) {
  body { font-size: 20px; }
}