/* ============================================================
   SCIGENIX · Typography tokens
   Body / UI face: Inter (full weight range 100–900).
   Display face: Plus Jakarta Sans — headings, big numbers,
   hero type (the Scigenix product display choice). Work Sans
   remains as an alternate display lockup. JetBrains Mono for
   code, IDs, timestamps and data.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Work+Sans:ital,wght@0,400..800;1,400..700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  /* ---- Families ---- */
  --font-sans:        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display:     "Plus Jakarta Sans", "Inter", sans-serif;   /* display — headings, hero type */
  --font-display-alt: "Work Sans", "Inter", sans-serif;           /* alternate display lockup */
  --font-mono:        "JetBrains Mono", ui-monospace, "SF Mono", "Menlo", Consolas, monospace;

  /* ---- Weights (per brand sheet) ---- */
  --fw-thin:       100; /* @kind other */
  --fw-extralight: 200; /* @kind other */
  --fw-light:      300; /* @kind other */
  --fw-regular:    400; /* @kind other */
  --fw-medium:     500; /* @kind other */
  --fw-semibold:   600; /* @kind other */
  --fw-bold:       700; /* @kind other */
  --fw-extrabold:  800; /* @kind other */

  /* ---- Type scale (px) ---- */
  --fs-display-2xl: 72px;
  --fs-display-xl:  56px;
  --fs-display-lg:  44px;
  --fs-h1:          32px;
  --fs-h2:          28px;
  --fs-h3:          24px;
  --fs-h4:          20px;
  --fs-h5:          18px;
  --fs-body-lg:     18px;
  --fs-body:        16px;
  --fs-body-sm:     14px;
  --fs-caption:     13px;
  --fs-micro:       12px;

  /* ---- Line heights ---- */
  --lh-tight:   1.1; /* @kind other */
  --lh-snug:    1.25; /* @kind other */
  --lh-normal:  1.5; /* @kind other */
  --lh-relaxed: 1.65; /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-tighter: -0.02em; /* @kind other */
  --ls-tight:   -0.01em; /* @kind other */
  --ls-normal:  0; /* @kind other */
  --ls-wide:    0.02em; /* @kind other */
  --ls-wider:   0.08em; /* @kind other */
}
