/* Version-specific tuning for tile rendering.
 *
 * IMPORTANT:
 * - These variables must be defined on `:root` (html) because JS reads them via:
 *   `getComputedStyle(document.documentElement).getPropertyValue(...)`.
 * - The active version is reflected as a class on `:root`, e.g. `:root.tile-version-v9`.
 *
 * You can override any of the knobs below per version without touching JS.
 */

/* Base defaults live in `css/grid.css` under `:root`.
 * Keep this file focused on per-version overrides.
 */

/* Example template:
 *
 * :root.tile-version-v9 {
 *   --tile-image-scale: 1.084;
 *   --tile-baseline-y: 498px;
 *   --grid-row-spacing-factor: 0.305;
 *   --grid-row-spacing-extra-px: 0px;
 *   --tile-hitbox-height: 302px;
 *   --tile-hitbox-offset-y: 200px;
 * }
 */

:root.tile-version-v1 {
  /* Put v1 overrides here */
}

:root.tile-version-v2 {
  /* Put v2 overrides here */
}

:root.tile-version-v3 {
  /* Put v3 overrides here */
}

:root.tile-version-v4 {
  /* Put v4 overrides here */
}

:root.tile-version-v5 {
  /* Put v5 overrides here */
}

:root.tile-version-v7 {
  /* Current defaults from `css/grid.css :root` (copied for per-version tuning). */
  --tile-image-scale: 1.084;
  --tile-image-offset-x: 0px;
  --tile-image-offset-y: 0px;
  --tile-baseline-y: 498px;

  --tile-hitbox-height: 302px;
  --tile-hitbox-offset-y: 200px;

  --grid-row-spacing-factor: 0.305;
  --grid-row-spacing-extra-px: 0px;

  --debug-row-guides-opacity: 0;
  --debug-row-guide-corners-y: 358px;
  --debug-row-guide-bottom-y: 48px;
}

:root.tile-version-v8 {
  /* Current defaults from `css/grid.css :root` (copied for per-version tuning). */
  --tile-image-scale: 1.084;
  --tile-image-offset-x: 0px;
  --tile-image-offset-y: 0px;
  --tile-baseline-y: 498px;

  --tile-hitbox-height: 302px;
  --tile-hitbox-offset-y: 200px;

  --grid-row-spacing-factor: 0.305;
  --grid-row-spacing-extra-px: 0px;

  --debug-row-guides-opacity: 0;
  --debug-row-guide-corners-y: 358px;
  --debug-row-guide-bottom-y: 48px;
}

:root.tile-version-v9 {
  /* Current defaults from `css/grid.css :root` (copied for per-version tuning). */
  --tile-image-scale: 1.1;
  --tile-image-offset-x: 0px;
  --tile-image-offset-y: 0px;
  --tile-baseline-y: 498px;

  --tile-hitbox-height: 302px;
  --tile-hitbox-offset-y: 200px;

  --grid-row-spacing-factor: 0.305;
  /* --grid-row-spacing-factor: 0.9; */
  --grid-row-spacing-extra-px: 0px;

  --debug-row-guides-opacity: 0;
  --debug-row-guide-corners-y: 358px;
  --debug-row-guide-bottom-y: 48px;
}