/* Surface MD — type system.
   Cormorant Garamond = display (italic for "signature" words);
   Jost = labels/body, light weight, wide-tracked caps;
   JetBrains Mono = clinical eyebrows, measurements, registration data. */
:root{
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-sans:    'Jost', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* scale (desktop reference) */
  --text-hero:    48px;  /* closer/hero headlines */
  --text-h2:      46px;  /* section headlines */
  --text-h3:      26px;
  --text-card-h:  22px;  /* card titles */
  --text-lead:    21px;
  --text-body-lg: 16.5px;
  --text-body-sm: 14.5px;
  --text-caption: 12.5px;
  --text-eyebrow: 11px;
  --text-micro:   10px;

  /* weights — the brand lives at the light end */
  --weight-display: 400;  /* never bolder than 500/600 */
  --weight-body:    300;
  --weight-medium:  400;

  /* tracking */
  --track-eyebrow:  .28em;  /* mono eyebrows */
  --track-tagline:  .40em;  /* logo tagline caps */
  --track-wide:     .16em;  /* buttons, mono labels */
  --track-caps:     .14em;  /* nav links, pills */

  /* leading */
  --leading-display: 1.08;
  --leading-body:    1.65;
}