/* GYMO spacing is NOT a 4/8 grid — it is a set of pixel values calibrated
   against real watch screenshots. Use these literals, do not round them. */
:root{
  --screen-w:198px;   /* 45mm Apple Watch reference */
  --screen-h:242px;
  --screen-radius:24px;      /* watchScreenCornerRadius (estimate) */

  --space-1:2px;    /* title -> number in editors */
  --space-2:4px;    /* pad outer gutter, HUD stack */
  --space-3:5px;    /* delete-X inset; stepper edge inset */
  --space-4:6px;    /* onboarding dot; pad horizontal gutter */
  --space-5:7px;    /* field box vertical padding; keyboard top pad */
  --space-6:9px;    /* field-to-field gap */
  --space-7:10px;   /* number -> settings gap on device screen */
  --space-8:12px;
  --space-9:14px;   /* crown: points per step; placeholder before Save */
  --space-10:16px;  /* horizontal screen padding */
  --space-11:19px;  /* field -> bottom button gap */
  --space-12:20px;  /* top inset above the device number */
  --space-13:24px;  /* detail-screen horizontal padding */

  --close-button-x:28.5px;   /* every BouncyCloseButton, all screens */
  --close-button-y:38px;
  --close-button-size:22px;
  --close-button-hit-inset:-14px;

  --bottom-button-min-fraction:.5; /* @kind other */
  --bottom-button-parity-height:59px;/* calibrated Save/Delete/+ parity */
  --field-height:32px;
  --key-row-height:20px;
  --step-button-size:30px;
  --setcounter-size:90px;
  --band-height-fraction:.23; /* @kind other */
}