/* ============================================================
   Sinopharma · Typography tokens
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-serif:   'Newsreader', Georgia, 'Times New Roman', serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* ---- Fluid display sizes (font-size only; pair with --font-display) ---- */
  --fs-display: clamp(2.75rem, 1.6rem + 5.2vw, 5rem);   /* @kind spacing */
  --fs-h1: clamp(2.1rem, 1.3rem + 3.4vw, 3.5rem);       /* @kind spacing */
  --fs-h2: clamp(1.6rem, 1.1rem + 2.1vw, 2.5rem);       /* @kind spacing */
  --fs-h3: clamp(1.3rem, 1.05rem + 1.1vw, 1.75rem);     /* @kind spacing */
  --fs-h4: 1.25rem;     /* 20 */

  /* ---- Static sizes ---- */
  --fs-xs:   0.75rem;   /* 12 */
  --fs-sm:   0.8125rem; /* 13 */
  --fs-base: 0.9375rem; /* 15 — base body */
  --fs-md:   1.0625rem; /* 17 */
  --fs-lg:   1.25rem;   /* 20 */
  --fs-xl:   1.5rem;    /* 24 */

  --lh-tight:   1.12; /* @kind other */
  --lh-snug:    1.32; /* @kind other */
  --lh-normal:  1.55; /* @kind other */
  --lh-relaxed: 1.7; /* @kind other */

  /* ---- Letter-spacing ---- */
  --tracking-tight:   -0.02em; /* @kind spacing */
  --tracking-normal:  0;       /* @kind spacing */
  --tracking-wide:    0.04em;  /* @kind spacing */
  --tracking-eyebrow: 0.18em;  /* @kind spacing */
}