/* One typeface, one weight, everywhere. There is no type SCALE in GYMO —
   there is a small set of literal pt sizes lifted straight from the app. */
:root{
  --font-core:"IBM Plex Sans Var","IBM Plex Sans",system-ui,sans-serif;   /* fittyText + fittyNumber */
  --font-wordmark:"Quicksand Var",Quicksand,system-ui,sans-serif;         /* the word "GYMO" only */
  --font-legacy-elms:"Elms Sans Var","Elms Sans",system-ui,sans-serif;
  --font-legacy-hanken:"Hanken Grotesk Var","Hanken Grotesk",system-ui,sans-serif;

  /* Weight: the app asks for 900 everywhere; IBM Plex Sans' wght axis
     ends at 700, so every call clamps to 700. 700 IS the app weight. */
  --weight-app:700; /* @kind other */
  --weight-axis-min:100; /* @kind other */
  --weight-axis-max:700; /* @kind other */
  --weight-wordmark-min:300; /* @kind other */
  --weight-wordmark-max:700; /* @kind other */

  /* Literal sizes in use (pt == px on the watch at 1x) */
  --size-caption:14px;      /* fittyCaption() — chrome @ 50% */
  --size-note:11px;         /* inline validation, AddDeviceView */
  --size-key:16px;          /* pad key glyph */
  --size-button:17px;       /* Save / Delete / big button labels */
  --size-step:18px;         /* round +/- glyph */
  --size-field:20px;        /* editor field box text, list row number */
  --size-label:20px;        /* revealed setting label */
  --size-editor-number:34px;/* crown-adjustable number */
  --size-theme-number:32px; /* colour-theme name display */
  --size-setting:40px;      /* setting value on the device screen */
  --size-hero:200px;        /* number / weight, auto-shrunk to fit width */

  /* Digits are tabular by construction: every IBM Plex Sans digit is
     600 units wide at EVERY weight 100..700 — no tnum needed. */
  --font-feature-numeric:"tnum" 1; /* @kind other */
  --line-tight:1; /* @kind other */
}

.gymo-text{font-family:var(--font-core);font-weight:var(--weight-app);font-variation-settings:"wght" 700}
.gymo-number{font-family:var(--font-core);font-weight:var(--weight-app);font-variation-settings:"wght" 700;font-feature-settings:var(--font-feature-numeric);font-variant-numeric:tabular-nums;line-height:var(--line-tight)}
.gymo-caption{font-family:var(--font-core);font-weight:var(--weight-app);font-size:var(--size-caption);color:var(--color-caption)}
.gymo-wordmark{font-family:var(--font-wordmark);font-variation-settings:"wght" 700}