/* ==========================================================================
   Linax / Simac — Typography tokens
   --------------------------------------------------------------------------
   Space Grotesk  → display & headings (engineered, geometric)
   IBM Plex Sans  → body & UI (scientific, humanist, legible at small sizes)
   IBM Plex Mono  → data, dose values, measurements, IDs, technical labels
   Chakra Petch   → brand eyebrows / squared uppercase labels near the marks
   ========================================================================== */

:root {
  /* ---- Families ------------------------------------------------------- */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body:    "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
  /* Brand accent face — echoes the SIMAC wordmark (true face: Nasalization Rg,
     commercial; Michroma is the nearest free substitute). Add "Nasalization" to
     the front of this stack once the licensed file is embedded in fonts.css. */
  --font-brand:   "Michroma", "Space Grotesk", system-ui, sans-serif;

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

  /* ---- Type scale (rem @ 16px root) ----------------------------------- *
   *  Display for hero moments; heading for UI structure; body for copy.   */
  --text-display-2xl: 4.25rem;  /* 68px — hero */
  --text-display-xl:  3.25rem;  /* 52px */
  --text-display-lg:  2.5rem;   /* 40px */
  --text-h1:          2rem;     /* 32px */
  --text-h2:          1.5rem;   /* 24px */
  --text-h3:          1.25rem;  /* 20px */
  --text-h4:          1.0625rem;/* 17px */
  --text-body-lg:     1.125rem; /* 18px */
  --text-body:        1rem;     /* 16px */
  --text-body-sm:     0.875rem; /* 14px */
  --text-caption:     0.8125rem;/* 13px */
  --text-micro:       0.6875rem;/* 11px — eyebrows, table headers */

  /* ---- Line heights --------------------------------------------------- */
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing ------------------------------------------------- */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-label:  0.14em;   /* brand eyebrows / squared caps */
}