:root {
  --font-display: "Syne", "Inter", sans-serif;
  --font-body: "Inter", -apple-system, sans-serif;

  /* Display / headings — Syne, confident and slightly technical */
  --text-display-xl: 700 64px/1.05 var(--font-display);
  --text-display-l:  700 44px/1.1  var(--font-display);
  --text-display-m:  600 32px/1.15 var(--font-display);
  --text-display-s:  600 24px/1.2  var(--font-display);

  /* Body — Inter, clean and readable */
  --text-body-l:  400 18px/1.6 var(--font-body);
  --text-body-m:  400 16px/1.6 var(--font-body);
  --text-body-s:  400 14px/1.5 var(--font-body);
  --text-label:   500 14px/1.3 var(--font-body);
  --text-caption: 400 12px/1.4 var(--font-body);

  --tracking-tight: -0.02em;
  --tracking-wide: 0.04em;
}