/* Type system:
   Fredoka 600–700 — titles, section headers, numbers, buttons, chips, tabs, tags (rounded, friendly)
   SF Pro — body and chrome. Sizes follow iOS Dynamic Type "Large". */
:root{
  --font-display:"Fredoka","SF Pro Rounded",ui-rounded,-apple-system,system-ui,sans-serif;
  --font-numeral:var(--font-display);
  --font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro","Helvetica Neue",system-ui,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,monospace;

  /* Display (Fredoka) — rounded, slightly tight */
  --display-hero-size:96px;  --display-hero-lh:88px;  --display-hero-tracking:-0.03em;
  --display-xl-size:64px;    --display-xl-lh:62px;    --display-xl-tracking:-0.025em;
  --display-l-size:40px;     --display-l-lh:44px;     --display-l-tracking:-0.02em;
  --display-m-size:30px;     --display-m-lh:34px;     --display-m-tracking:-0.015em;
  --display-s-size:22px;     --display-s-lh:26px;     --display-s-tracking:-0.01em;
  --display-xs-size:18px;    --display-xs-lh:22px;    --display-xs-tracking:0;
  --display-weight:700;
  --display-weight-title:600;

  /* iOS text styles (SF Pro) */
  --ios-large-title-size:34px; --ios-large-title-lh:41px;
  --ios-title1-size:28px;      --ios-title1-lh:34px;
  --ios-title2-size:22px;      --ios-title2-lh:28px;
  --ios-title3-size:20px;      --ios-title3-lh:25px;
  --ios-headline-size:17px;    --ios-headline-lh:22px;
  --ios-body-size:17px;        --ios-body-lh:22px;
  --ios-callout-size:16px;     --ios-callout-lh:21px;
  --ios-subhead-size:15px;     --ios-subhead-lh:20px;
  --ios-footnote-size:13px;    --ios-footnote-lh:18px;
  --ios-caption1-size:12px;    --ios-caption1-lh:16px;
  --ios-caption2-size:11px;    --ios-caption2-lh:13px;

  /* Stat label — sentence case, grey, sits above or below a number */
  --label-size:13px; --label-lh:16px; --label-tracking:0; --label-weight:500;

  --text-heading-family:var(--font-display);
  --text-number-family:var(--font-numeral);
  --text-body-family:var(--font-body);
}