/* Typography — from UI Kit 2.0 tokens.
   Display = Libre Caslon Text (serif). Titles + body = Inter. */
:root {
  --font-display: 'Libre Caslon Text', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fw-regular: 400; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* Display scale (Libre Caslon Text, weight 400) */
  --display-1: 400 64px/72px var(--font-display);
  --display-2: 400 48px/56px var(--font-display);
  --display-3: 400 36px/44px var(--font-display);
  --display-4: 400 32px/40px var(--font-display);
  --display-5: 400 24px/32px var(--font-display);

  /* Headings (Inter, weight 700) */
  --h1: 700 36px/44px var(--font-sans);
  --h2: 700 24px/32px var(--font-sans);
  --h3: 700 20px/28px var(--font-sans);
  --h4: 700 16px/24px var(--font-sans);

  /* Body (Inter) */
  --body-1: 400 16px/24px var(--font-sans);
  --body-1-bold: 600 16px/24px var(--font-sans);
  --body-2: 400 14px/22px var(--font-sans);
  --body-2-bold: 600 14px/22px var(--font-sans);
  --body-3: 400 12px/20px var(--font-sans);
  --body-3-bold: 600 12px/20px var(--font-sans);
}