/* ============================================================
   REVELL · TYPOGRAPHY
   Fraunces (serif display) sets the celestial, literary tone.
   Karla carries marketing body; Inter carries product UI.
   JetBrains Mono is the "machine voice" — memory payloads,
   boot banners, badges, token counts.
   ============================================================ */
:root {
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-sans:    'Karla', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-ui:      'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Type scale (rem, 1rem = 16px) */
  --text-xs:   0.6875rem; /* 11 — mono labels, badges */
  --text-sm:   0.8125rem; /* 13 — metadata, captions */
  --text-base: 1rem;      /* 16 — body */
  --text-md:   1.0625rem; /* 17 — marketing body */
  --text-lg:   1.25rem;   /* 20 */
  --text-xl:   1.5rem;    /* 24 */
  --text-2xl:  2rem;      /* 32 */
  --text-3xl:  2.75rem;   /* 44 */
  --text-4xl:  4rem;      /* 64 — hero wordmark */

  --leading-tight:  1.08;
  --leading-snug:   1.25;
  --leading-normal: 1.55;
  --leading-relaxed: 1.7;

  /* Tracking — Revell leans on wide letterspacing for its
     mono "eyebrow" labels and the REVELL wordmark. */
  --track-wordmark: 0.14em;  /* R E V E L L */
  --track-eyebrow:  0.14em;  /* uppercase mono labels */
  --track-tight:   -0.02em;  /* large display headings */
  --track-normal:   0; /* @kind other */

  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}