/* NMG — Typography tokens
   Single family system: IBM Plex Sans Thai across display, body, and UI.
   Display/headlines lean Bold + UPPERCASE in marketing surfaces (see social posts);
   product UI uses sentence case with Medium/SemiBold weights. */

:root {
  /* Families */
  --font-sans: "IBM Plex Sans Thai", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);

  /* 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 base) */
  --fs-display-2xl: 4.5rem;  /* 72 — hero / social headline */
  --fs-display-xl: 3.5rem;   /* 56 */
  --fs-display-lg: 2.75rem;  /* 44 */
  --fs-h1: 2.25rem;          /* 36 */
  --fs-h2: 1.75rem;          /* 28 */
  --fs-h3: 1.375rem;         /* 22 */
  --fs-h4: 1.125rem;         /* 18 */
  --fs-body-lg: 1.125rem;    /* 18 */
  --fs-body: 1rem;           /* 16 */
  --fs-body-sm: 0.875rem;    /* 14 */
  --fs-caption: 0.75rem;     /* 12 */
  --fs-overline: 0.6875rem;  /* 11 */

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

  /* Letter spacing */
  --ls-tighter: -0.02em; /* @kind font */
  --ls-tight: -0.01em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide: 0.04em; /* @kind font */
  --ls-overline: 0.14em; /* @kind font */
}