:root {
  --canvas: #e9e6df;
  --surface: #f8f6f0;
  --surface-raised: #fffdf9;
  --surface-muted: #efede6;
  --ink: #202824;
  --ink-soft: #66706a;
  --forest: #214b43;
  --forest-deep: #173a34;
  --sage: #a7b8a8;
  --sage-soft: #dfe7df;
  --terracotta: #a95e48;
  --line: rgba(32, 40, 36, 0.12);
  --line-strong: rgba(32, 40, 36, 0.2);
  --white: #ffffff;
  --shadow-soft: 0 18px 60px rgba(30, 38, 34, 0.1);
  --shadow-card: 0 14px 34px rgba(30, 38, 34, 0.12);
  --radius-xl: 30px;
  --radius-lg: 22px;
  --radius-md: 14px;
  --game-max-width: 520px;
  --tap: 50px;
  --ease-out: cubic-bezier(0.22, 0.8, 0.32, 1);
}