/* ============================================================
   AI ESSENTIALS — TYPOGRAPHY
   Typography is the hero. Text is treated as a visual object.
   Three voices:
     Display  → Sora, tight tracking, huge editorial scale
     Body     → Inter, readable, quiet
     Editorial→ Instrument Serif, often italic, for emphasis
   The tracked-out uppercase micro-label is the brand signature.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Sora', system-ui, -apple-system, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-serif:   'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-mono:    'Sora', ui-monospace, monospace; /* tracked labels use Sora */

  /* ---- Fluid display scale (magazine-cover thinking) ---- */
  --fs-display-1: clamp(3.5rem, 9vw, 8rem);     /* @kind font */ /* hero headline */
  --fs-display-2: clamp(2.75rem, 6vw, 5rem);    /* @kind font */ /* section headline */
  --fs-display-3: clamp(2rem, 4vw, 3.25rem);    /* @kind font */ /* sub headline */

  /* ---- Fixed type scale ---- */
  --fs-h1:    2.5rem;    /* 40 */
  --fs-h2:    2rem;      /* 32 */
  --fs-h3:    1.5rem;    /* 24 */
  --fs-h4:    1.25rem;   /* 20 */
  --fs-lg:    1.125rem;  /* 18 */
  --fs-body:  1rem;      /* 16 */
  --fs-sm:    0.875rem;  /* 14 */
  --fs-xs:    0.75rem;   /* 12 */
  --fs-label: 0.6875rem; /* 11 — tracked micro-label */

  /* ---- 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 */
  --fw-extra:    800; /* @kind font */

  /* ---- Line heights ---- */
  --lh-tight:   0.98;   /* @kind font */ /* display */
  --lh-snug:    1.1;                  /* @kind font */
  --lh-normal:  1.5;    /* @kind font */ /* body */
  --lh-relaxed: 1.65;                 /* @kind font */

  /* ---- Tracking ---- */
  --tracking-display: -0.03em;  /* @kind font */ /* huge headlines pull tight */
  --tracking-tight:   -0.015em;                                    /* @kind font */
  --tracking-normal:  0;                                           /* @kind font */
  --tracking-wide:    0.08em;                                      /* @kind font */
  --tracking-label:   0.32em;   /* @kind font */ /* the signature tracked-out label */

  /* ---- Semantic aliases ---- */
  --text-display-family: var(--font-display);
  --text-editorial-family: var(--font-serif);
  --text-body-family: var(--font-body);
}