/* ============================================================
   TOUGE BATTLE — SPACING & SIZING TOKENS
   The HUD lays panels out with a fixed PadX of 20 and a base
   row height of 28 (Theme.Layout). Sizes below generalize that.
   ============================================================ */

:root {
  /* ---- Spacing scale (px) ---- */
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 15px;
  --space-8: 20px;  /* PadX — the canonical panel inset */
  --space-9: 28px;  /* RowHeight base */
  --space-10: 40px;

  /* ---- Panel insets ---- */
  --pad-panel-x: 20px;
  --pad-panel-y: 14px;
  --row-height: 28px;
  --row-height-lg: 40px; /* leaderboard / rankings rows */

  /* ---- Component widths (HUD windows are fixed-size) ---- */
  --w-hub: 420px;
  --w-summary: 850px;
  --w-leaderboard: 560px;
  --w-gauge: 380px;
}