/* ===========================================================================
   Level Up Learning — Typography tokens
   Display = Poppins (uppercase, heavy, tight). Body = Inter.
   Type-size tokens use the --type-* prefix (kept off "text"/"font" so the
   fluid clamp() values aren't misread as font families).
   =========================================================================== */
:root {
  --font-display: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    ui-monospace, Menlo, Consolas, monospace;

  /* Weights */
  --fw-regular:   400;  /* @kind other */
  --fw-medium:    500;  /* @kind other */
  --fw-semibold:  600;  /* @kind other */
  --fw-bold:      700;  /* @kind other */
  --fw-black:     800;  /* @kind other */

  /* Type scale (static rem — scale down per breakpoint in layouts as needed) */
  --type-xs:    0.75rem;    /* 12 — micro labels */
  --type-sm:    0.875rem;   /* 14 */
  --type-base:  1rem;       /* 16 — body */
  --type-lg:    1.125rem;   /* 18 — lead body */
  --type-xl:    1.375rem;   /* 22 */
  --type-2xl:   1.875rem;   /* 30 */
  --type-3xl:   2.5rem;     /* 40 */
  --type-4xl:   3.25rem;    /* 52 */
  --type-5xl:   4.5rem;     /* 72 */
  --type-6xl:   6.5rem;     /* 104 — hero display */

  /* Line heights */
  --leading-none:    1;     /* @kind other */
  --leading-tight:   1.08;  /* @kind other */
  --leading-snug:    1.25;  /* @kind other */
  --leading-normal:  1.55;  /* @kind other */
  --leading-relaxed: 1.7;   /* @kind other */

  /* Letter spacing — display is tight, eyebrow labels are wide */
  --tracking-tighter: -0.03em;
  --tracking-tight:   -0.015em;
  --tracking-normal:  0;
  --tracking-wide:    0.08em;
  --tracking-wider:   0.16em;   /* tagline / eyebrow caps */
  --tracking-widest:  0.28em;   /* "ELEVATE YOUR REAL ESTATE" lockup */
}