/* ============================================================
   IMU Framework Design — Typography tokens
   Display/UI: Poppins (geometric monoline — matches wordmark)
   Chinese:    Noto Sans TC
   Mono/data:  IBM Plex Mono (for DATA · specs · labels)
   ============================================================ */

:root {
  /* Families */
  --font-display: "Poppins", "Noto Sans TC", system-ui, sans-serif;
  --font-sans:    "Poppins", "Noto Sans TC", system-ui, sans-serif;
  --font-zh:      "Noto Sans TC", "Poppins", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Weights (Poppins) */
  --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 */

  /* Type scale — 1.25 major-third-ish, tuned for a minimal brand */
  --fs-display:  4.5rem;   /* 72px hero */
  --fs-h1:       3rem;     /* 48px */
  --fs-h2:       2.25rem;  /* 36px */
  --fs-h3:       1.75rem;  /* 28px */
  --fs-h4:       1.375rem; /* 22px */
  --fs-h5:       1.125rem; /* 18px */
  --fs-body-lg:  1.125rem; /* 18px */
  --fs-body:     1rem;     /* 16px */
  --fs-body-sm:  0.875rem; /* 14px */
  --fs-caption:  0.75rem;  /* 12px */
  --fs-overline: 0.6875rem;/* 11px — uppercase mono labels */

  /* Line heights */
  --lh-tight:   1.05; /* @kind other */
  --lh-snug:    1.2; /* @kind other */
  --lh-normal:  1.5; /* @kind other */
  --lh-relaxed: 1.7; /* @kind other */

  /* Letter spacing — geometric display tightens, labels track wide */
  --ls-display: -0.02em; /* @kind other */
  --ls-heading: -0.01em; /* @kind other */
  --ls-normal:  0; /* @kind other */
  --ls-wide:    0.04em; /* @kind other */
  --ls-overline:0.18em; /* @kind other */   /* generous tracking on mono overlines */
}