/* VintageWoodCanvas — Typography tokens
 * Letterpress display serif + humanist sans + old-style serif for editorial.
 * High contrast between an expressive display and a quiet, legible UI sans.
 */

:root {
  /* ---- Families ---------------------------------------------------- */
  --font-display: 'DM Serif Display', 'Cardo', Georgia, serif;
  --font-serif:   'Cardo', Georgia, 'Times New Roman', serif;
  --font-sans:    'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-script:  'Pinyon Script', 'Snell Roundhand', cursive;
  --font-mono:    'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* ---- Weights ----------------------------------------------------- */
  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;

  /* ---- Type scale (1.250 major-third, 16px base) ------------------- */
  --text-2xs:  11px;
  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-md:   18px;
  --text-lg:   20px;
  --text-xl:   25px;
  --text-2xl:  31px;
  --text-3xl:  39px;
  --text-4xl:  49px;
  --text-5xl:  61px;
  --text-6xl:  76px;

  /* ---- Line heights ------------------------------------------------ */
  --leading-tight:   1.08;
  --leading-snug:    1.22;
  --leading-normal:  1.5;
  --leading-relaxed: 1.7;

  /* ---- Tracking ---------------------------------------------------- */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-eyebrow:0.18em; /* uppercase eyebrows / labels */

  /* ---- Semantic roles ---------------------------------------------- */
  --type-display-font: var(--font-display);
  --type-display-size: var(--text-6xl);
  --type-display-lh:   var(--leading-tight);

  --type-h1-font: var(--font-display);
  --type-h1-size: var(--text-4xl);

  --type-h2-font: var(--font-display);
  --type-h2-size: var(--text-3xl);

  --type-body-font: var(--font-sans);
  --type-body-size: var(--text-base);
  --type-body-lh:   var(--leading-relaxed);

  --type-eyebrow-font: var(--font-sans);
  --type-eyebrow-size: var(--text-xs);

  --type-mono-font: var(--font-mono);
}