/* ============================================================
   DAMASK — TYPOGRAPHY TOKENS
   Fraunces = serif voice for display + headings (used only at
   larger sizes, confident weight; its optical-size axis carries
   the big headlines). Inter = sans for body, labels, nav, buttons.
   IBM Plex Mono = metadata/code.
   ============================================================ */
:root {
  --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-mono:  'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Display / headline — Fraunces serif, large, confident weight, tightly set */
  --headline-display: 600 84px/0.98 var(--font-serif);
  --headline-lg:      600 64px/1.02 var(--font-serif);
  --headline-md:      600 46px/1.06 var(--font-serif);
  --headline-sm:      600 38px/1.1  var(--font-serif);

  /* Titles — Fraunces serif, section headings (kept at a confident weight) */
  --title-lg: 600 28px/1.2 var(--font-serif);
  --title-md: 600 23px/1.25 var(--font-serif);
  --title-sm: 600 21px/1.3 var(--font-serif);

  /* Body — Inter sans, high legibility, comfortable leading */
  --body-lg: 400 20px/1.6 var(--font-sans);
  --body-md: 400 17px/1.6 var(--font-sans);
  --body-sm: 400 15px/1.55 var(--font-sans);

  /* Labels — Inter sans, restrained tracking */
  --label-lg: 600 15px/1.2 var(--font-sans);
  --label-md: 600 13px/1.2 var(--font-sans);
  --label-sm: 500 13px/1.2 var(--font-sans);

  /* Letter-spacing — restrained; this is a precise B2B tool, not a poster */
  --track-title:  -0.01em; /* tight for Fraunces headings */
  --track-label:  0.02em;
  --track-marquee:0.06em; /* eyebrows: a touch of tracking, never wide */
}