/* MileMind typography — mirrors Theme.swift's two font functions.
   There is NO named type scale in the app; type is built from two roles plus
   one component:
     • mmDisplay — numbers, headlines, anything "set". Default weight bold(700).
     • mmText    — everything else (body, labels, captions). Default regular(400).
     • OverlineText — small uppercased tracked section labels (11.5 / 600).
   Both roles use the SAME family (SF Pro Display); the distinction is semantic.
   Negative tracking (-0.6 to -2) tightens large display; small text uses
   default-to-slightly-positive tracking. */

:root {
  --mm-font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mm-font-text: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  /* Weights */
  --mm-weight-light: 300;
  --mm-weight-regular: 400;
  --mm-weight-medium: 500;
  --mm-weight-semibold: 600;
  --mm-weight-bold: 700;
  --mm-weight-heavy: 900;

  /* The scale in practice (px). Don't invent new sizes. */
  --mm-size-hero: 40px;         /* running-cost / monthly total */
  --mm-size-odometer: 46px;     /* odometer input field only */
  --mm-size-figure-lg: 32px;    /* secondary big figures (report totals) */
  --mm-size-figure: 24px;       /* stat-tile numbers, sub-headline values, pace % */
  --mm-size-title: 28px;        /* screen titles (ScreenTitle) */
  --mm-size-sheet-title: 22px;  /* sheet & empty-state titles */
  --mm-size-field-value: 20px;  /* field values inside FieldCard */
  --mm-size-button: 16px;       /* buttons, sheet headers, section headings */
  --mm-size-row-title: 15px;    /* row titles */
  --mm-size-body: 14px;         /* body copy */
  --mm-size-meta: 12.5px;       /* subtitles, metadata */
  --mm-size-caption: 11.5px;    /* captions, units, overlines */
  --mm-size-badge: 10px;        /* badges, micro-labels */

  /* Tracking */
  --mm-tracking-hero: -1.5px;
  --mm-tracking-title: -1px;
  --mm-tracking-figure: -0.8px;
  --mm-tracking-tight: -0.5px;
  --mm-tracking-overline: 1.6px;  /* uppercased section labels */
}