:root {
  --tile-size: 50px;
  --wall-width: 50px;
  --zone-width: 50px;
  --center-width: 50px;
  --game-width: 390px;
  --game-height: 844px;
  --visible-rows: 17;
  --character-row: 7;

  /* ── Pixel art palette ─────────────────────────────── */
  --color-wall: #8B7355;
  --color-wall-edge: #6B5335;
  --color-shaft: #1a1a2e;
  --color-bg: #1a1028;
  --color-bg-light: #2a1a3e;
  --color-spike: #FF4444;
  --color-fruit: #FFD700;
  --color-powerup-shield: #4488FF;
  --color-powerup-timewarp: #AA44FF;
  --color-powerup-fullheal: #44FFAA;
  --color-treasure: #FF44FF;
  --color-coin: #FFAA00;
  --color-character: #44CC44;

  /* ── UI chrome ─────────────────────────────────────── */
  --color-panel: #22163a;
  --color-panel-border: #443366;
  --color-btn-primary: #4488FF;
  --color-btn-secondary: #3a2a5a;
  --color-text: #e8e0f0;
  --color-text-dim: #887799;
  --color-border: #554477;
  --color-surface: rgba(255,255,255,0.06);

  /* ── Timing ────────────────────────────────────────── */
  --jump-duration: 133ms;
  --scroll-duration: 133ms;

  /* ── Health colors ─────────────────────────────────── */
  --health-green: #44CC44;
  --health-yellow: #CCCC44;
  --health-red: #CC4444;

  /* ── Font ───────────────────────────────────────────── */
  --font-pixel: 'Pixelify Sans', monospace, sans-serif;
}