/* ============================================================
   ECWE — TYPOGRAPHY TOKENS
   Serif-forward, institutional. Cinzel for engraved caps,
   Cormorant for display, EB Garamond for editorial body,
   Hanken Grotesk for quiet UI text.
   ============================================================ */
:root {
  /* ---- Families ----
     A refined grotesque display + an editorial text serif + a quiet UI
     grotesque + a scientific mono. Display & body intentionally contrast
     (modern sans masthead over a literary text face). */
  --font-engrave: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif; /* wordmark, ceremonial caps */
  --font-display: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif; /* large headings */
  --font-serif:   'Newsreader', 'Iowan Old Style', Georgia, serif;      /* body / articles */
  --font-sans:    'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;/* UI, labels */
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace; /* scientific metadata */

  /* ---- Type scale (fluid-friendly fixed px) ---- */
  --text-2xs: 11px;
  --text-xs:  12px;
  --text-sm:  14px;
  --text-base:16px;
  --text-md:  18px;
  --text-lg:  21px;
  --text-xl:  26px;
  --text-2xl: 33px;
  --text-3xl: 42px;
  --text-4xl: 54px;
  --text-5xl: 68px;
  --text-6xl: 88px;

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

  /* ---- Line heights ---- */
  --leading-tight:  1.08;
  --leading-snug:   1.22;
  --leading-normal: 1.5;
  --leading-relaxed:1.72;

  /* ---- Letter spacing ---- */
  --tracking-tightest: -0.03em;  /* huge Didone display — pull tight */
  --tracking-tight:    -0.015em;
  --tracking-normal:   0;
  --tracking-wide:     0.06em;
  --tracking-wider:    0.18em;   /* eyebrows */
  --tracking-widest:   0.24em;   /* engraved caps / emblem */

  /* ---- Mono metadata role (reference numbers, dates, codes) ---- */
  --role-meta-font:    var(--font-mono);
  --role-meta-size:    var(--text-xs);
  --role-meta-spacing: 0.06em;

  /* ============================================================
     SEMANTIC ROLES
     ============================================================ */
  --role-eyebrow-font:    var(--font-sans);
  --role-eyebrow-size:    var(--text-xs);
  --role-eyebrow-spacing: var(--tracking-wider);
  --role-eyebrow-weight:  var(--weight-semibold);

  --role-display-font:    var(--font-display);
  --role-heading-font:    var(--font-display);
  --role-display-weight:  500;   /* large Didone reads elegant at 500 */
  --role-body-font:       var(--font-serif);
  --role-ui-font:         var(--font-sans);
}