/* Typography — mirrors Sources/GBDesign/Tokens/TypographyTokens.swift.
   Scores and distances use the ROUNDED face; everything else uses SF Pro.
   That split is the most recognisable typographic move in the product: a
   rounded numeral means "this is a golf number". */
:root{
  /* Score / numeric (rounded) */
  --type-score-display:700 48px/1.05 var(--font-rounded);
  --type-score-large:700 34px/1.1 var(--font-rounded);
  --type-score-medium:600 24px/1.15 var(--font-rounded);
  --type-score-small:600 18px/1.2 var(--font-rounded);
  --type-distance-badge:700 20px/1.1 var(--font-rounded);

  /* General (SF Pro) */
  --type-large-title:700 28px/1.2 var(--font-system);
  --type-title:600 22px/1.25 var(--font-system);
  --type-title2:600 20px/1.3 var(--font-system);
  --type-title3:600 17px/1.35 var(--font-system);
  --type-headline:600 17px/1.35 var(--font-system);
  --type-body:400 17px/1.45 var(--font-system);
  --type-callout:400 15px/1.4 var(--font-system);
  --type-subheadline:400 13px/1.4 var(--font-system);
  --type-footnote:500 12px/1.35 var(--font-system);
  --type-caption:400 11px/1.35 var(--font-system);
  --type-caption2:500 10px/1.3 var(--font-system);

  /* Micro labels used inside badges/pills */
  --type-badge-label:700 9px/1.2 var(--font-system);
}