/* Ryzenith — type tokens.
   Rounded = numerals + action labels. Text = prose/UI. Display = large thin numerals.
   Tabular digits on EVERY number. */
:root {
  --font-rounded: 'SF Pro Rounded', -apple-system, system-ui, sans-serif;
  --font-text: 'SF Pro Text', -apple-system, system-ui, sans-serif;
  --font-display: 'SF Pro Display', -apple-system, system-ui, sans-serif;

  /* Scale (px @1x iOS points) */
  --type-timer: 76px;       /* rest timer countdown — Display Thin 200 */
  --type-metric: 40px;      /* big set numbers — Rounded Bold 700 */
  --type-title-1: 28px;     /* screen title — Rounded Bold 700 */
  --type-title-2: 22px;     /* section/card title — Rounded Semibold 600 */
  --type-headline: 17px;    /* row title — Text Semibold 600 */
  --type-body: 17px;        /* prose — Text Regular 400 */
  --type-callout: 15px;     /* secondary row text — Text Regular 400 */
  --type-footnote: 13px;    /* meta, axis labels — Text Regular 400 */
  --type-caption: 11px;     /* tab labels, unit suffix — Text/Rounded Medium 500 */

  --leading-tight: 1.1;
  --leading-body: 1.45;

  --tracking-title: -0.02em;
  --tracking-caps: 0.06em;  /* rare all-caps meta labels */

  /* Numerals: apply to anything numeric */
  --numeric: 'tnum' 1, 'lnum' 1; /* @kind other */
}