/* ============================================================
   RYNA · TYPOGRAPHY
   Outfit      — geometric sans; headlines + the wordmark voice.
   Newsreader  — editorial serif; long-form, quotes, clinical authority.
   Hanken Grotesk — humanist sans; UI, labels, body, data.
   ============================================================ */
:root {
  --font-display: 'Outfit', system-ui, sans-serif;        /* headlines, wordmark */
  --font-serif:   'Newsreader', Georgia, 'Times New Roman', serif; /* editorial */
  --font-sans:    'Hanken Grotesk', system-ui, -apple-system, sans-serif; /* UI + body */
  --font-mono:    ui-monospace, Menlo, 'SF Mono', monospace;

  /* —— Weights —— */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */

  /* —— Type scale (display = Outfit) —— */
  --text-display-xl: 54px; /* cover / hero wordmark scale */
  --text-display-l:  40px;
  --text-display-m:  32px;
  --text-h1:         27px;
  --text-h2:         22px;
  --text-h3:         18px;
  --text-body-lg:    18px;
  --text-body:       15px;
  --text-body-sm:    14px;
  --text-caption:    12.5px;
  --text-label:      11px; /* uppercase eyebrows */
  --text-micro:      10.5px;

  /* —— Line heights —— */
  --lh-tight:   1.05; /* @kind font */
  --lh-snug:    1.2;  /* @kind font */
  --lh-display: 1.04; /* @kind font */
  --lh-body:    1.65; /* @kind font */
  --lh-relaxed: 1.7;  /* @kind font */

  /* —— Letter spacing —— */
  --ls-wordmark: 0.14em; /* RYNA lockup tracking @kind font */
  --ls-eyebrow:  0.2em;  /* uppercase labels @kind font */
  --ls-label:    0.04em; /* @kind font */
  --ls-tight:    -0.01em; /* large Outfit display @kind font */

  /* —— Semantic roles —— */
  --type-eyebrow-size:    var(--text-label);
  --type-eyebrow-spacing: var(--ls-eyebrow);
}