/* ==========================================================================
   KLER — Typography tokens
   Sora for Latin display + UI; Noto Sans Thai for Thai copy.
   Both faces share the stack so mixed TH/EN lines align.
   ========================================================================== */
:root {
  /* ---- Families ---- */
  --font-display: 'Sora', 'Noto Sans Thai', system-ui, sans-serif;
  --font-body:    'Sora', 'Noto Sans Thai', system-ui, sans-serif;
  --font-thai:    'Noto Sans Thai', 'Sora', system-ui, sans-serif;
  --font-mono:    'Sora', ui-monospace, 'SFMono-Regular', monospace;

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

  /* ---- Type scale (px) ---- */
  --fs-display-xl: 56px;
  --fs-display-lg: 44px;
  --fs-display:    36px;
  --fs-h1:         30px;
  --fs-h2:         24px;
  --fs-h3:         20px;
  --fs-title:      18px;
  --fs-body-lg:    17px;
  --fs-body:       15px;
  --fs-body-sm:    14px;
  --fs-caption:    13px;
  --fs-micro:      11px;

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

  /* ---- Letter spacing ---- */
  --ls-display: -0.02em; /* @kind other */
  --ls-heading: -0.01em; /* @kind other */
  --ls-normal:  0;        /* @kind other */
  --ls-eyebrow: 0.14em;   /* @kind other */
}