/* Stratri — Typography tokens
   Fraunces for editorial display (headings, pull quotes, the wordmark);
   Inter for technical clarity (body, UI, labels); Inter for code/paths. */
:root {
  /* ---- Families ---- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'Inter', ui-monospace, 'SF Mono', Menlo, system-ui,sans-serif;

  /* ---- Weights ---- */
  --fw-display-light:  400; /* @kind font */
  --fw-display:        400; /* @kind font */
  --fw-display-bold:   500; /* @kind font */
  --fw-body:           400; /* @kind font */
  --fw-body-medium:    500; /* @kind font */
  --fw-body-semibold:  600; /* @kind font */

  /* ---- Type scale (display = Fraunces; rem @16px base) ---- */
  --text-display-xl: 3.75rem;  /* 60px — hero wordmark / page title */
  --text-display-lg: 3rem;     /* 48px — section title */
  --text-display-md: 2.25rem;  /* 36px — subsection */
  --text-display-sm: 1.5rem;   /* 24px — card heading */

  /* ---- Body scale (Inter) ---- */
  --text-lg:   1.25rem;   /* 20px — lede / intro */
  --text-base: 1rem;      /* 16px — body */
  --text-sm:   0.875rem;  /* 14px — secondary / UI */
  --text-xs:   0.8125rem; /* 13px — labels, captions */
  --text-2xs:  0.8125rem; /* 13px — eyebrow / tagline */

  /* ---- Line heights ---- */
  --leading-tight:  1.18;
  --leading-snug:   1.35;
  --leading-normal: 1.6;
  --leading-relaxed:1.7;

  /* ---- Letter spacing ---- */
  --tracking-wordmark: 0.12em;  /* STRATRI wordmark */
  --tracking-eyebrow:  0.15em;  /* uppercase taglines / eyebrows */
  --tracking-wide:     0.05em;
  --tracking-tight:   -0.01em;  /* large display headings */
}