/* ============================================================
   Pillar Clinic — Typography Tokens
   Mitr (geometric sans, Thai + Latin) for everything UI;
   Cormorant Garamond (serif) for occasional editorial display.
   ============================================================ */
:root {
  /* ---- Families ----------------------------------------- */
  --font-sans:    'Mitr', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Cormorant Garamond', 'Mitr', Georgia, 'Times New Roman', serif;
  --font-mono:    ui-monospace, 'SFMono-Regular', 'Menlo', monospace;

  /* ---- Weights ---------------------------------- @kind font */
  --w-thin:    200; /* @kind font */
  --w-light:   300; /* @kind font */
  --w-regular: 400; /* @kind font */
  --w-medium:  500; /* @kind font */
  --w-semibold:600; /* @kind font */
  --w-bold:    700; /* @kind font */

  /* ---- Type scale (rem, 1rem = 16px) -------------------- */
  --fs-display: 4.5rem;   /* 72 — serif hero numerals / words */
  --fs-h1:      3rem;     /* 48 */
  --fs-h2:      2.25rem;  /* 36 */
  --fs-h3:      1.625rem; /* 26 */
  --fs-h4:      1.25rem;  /* 20 */
  --fs-lg:      1.125rem; /* 18 */
  --fs-body:    1rem;     /* 16 */
  --fs-sm:      0.875rem; /* 14 */
  --fs-xs:      0.75rem;  /* 12 */
  --fs-eyebrow: 0.6875rem;/* 11 — uppercase label */

  /* ---- Line heights ----------------------------- @kind font */
  --lh-tight:   1.08; /* @kind font */
  --lh-snug:    1.25; /* @kind font */
  --lh-normal:  1.5;  /* @kind font */
  --lh-relaxed: 1.7;  /* @kind font */

  /* ---- Letter spacing --------------------------- @kind font */
  --ls-tight:   -0.02em; /* @kind font */
  --ls-normal:  0;       /* @kind font */
  --ls-wide:    0.04em;  /* @kind font */
  --ls-eyebrow: 0.22em;  /* @kind font */

  /* ---- Semantic roles ----------------------------------- */
  --text-display-font:   var(--font-display);
  --text-display-weight: var(--w-medium);
  --text-heading-font:   var(--font-sans);
  --text-heading-weight: var(--w-semibold);
  --text-body-font:      var(--font-sans);
  --text-body-weight:    var(--w-light);
}