/* ============================================================
   schels · Typography tokens
   ------------------------------------------------------------
   One geometric sans (Avenir Next LT Pro), two registers:
   · SANS (weight 400, Regular) — logo, eyebrows, body, UI.
   · DISPLAY (weight 300, Light) — the big, airy question
     headlines that define the brand's editorial voice.
   Both weights are self-hosted (see tokens/fonts.css).
   Letter-spacing is structural: lowercase logo tracked 0.18em,
   uppercase eyebrows 0.22em.
   ============================================================ */

:root {
  /* ---- Families ----------------------------------------- */
  /* Both 300 (Light) and 400 (Regular) are self-hosted.      */
  --font-sans:    'Avenir Next', system-ui, -apple-system, sans-serif;
  --font-display: 'Avenir Next', system-ui, sans-serif;

  /* ---- Weights ------------------------------------------ */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ---- Type scale (px) ---------------------------------- */
  --text-2xs: 11px;
  --text-xs:  12px;
  --text-sm:  14px;
  --text-base:16px;
  --text-lg:  18px;
  --text-xl:  22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-4xl: 48px;
  --text-5xl: 64px;
  --text-6xl: 84px;

  /* ---- Line height -------------------------------------- */
  --leading-none:    1;
  --leading-tight:   1.06;  /* display headlines               */
  --leading-snug:    1.2;
  --leading-normal:  1.5;    /* body copy                       */
  --leading-relaxed: 1.65;

  /* ---- Letter-spacing ----------------------------------- */
  --tracking-tighter: -0.02em;
  --tracking-tight:   -0.01em; /* display                       */
  --tracking-normal:  0;
  --tracking-logo:    0.18em;  /* lowercase wordmark            */
  --tracking-eyebrow: 0.22em;  /* uppercase category eyebrow    */
  --tracking-wide:    0.08em;

  /* ---- Semantic roles ----------------------------------- */
  --font-logo: var(--weight-regular) var(--text-xl)/1.15 var(--font-sans);

  --display-size:   var(--text-5xl);
  --display-weight: var(--weight-light);
  --display-leading:var(--leading-tight);
  --display-track:  var(--tracking-tight);

  --eyebrow-size:   var(--text-sm);
  --eyebrow-weight: var(--weight-medium);
  --eyebrow-track:  var(--tracking-eyebrow);

  --body-size:    var(--text-base);
  --body-weight:  var(--weight-regular);
  --body-leading: var(--leading-normal);
}