/* Typography tokens — Saivaree Clinic
   Sizes lifted verbatim from sv3-build.php typo() calls: [desktop, tablet, mobile] */
:root {
  --font-serif-thai: 'Noto Serif Thai', serif;       /* Thai headings */
  --font-serif-en: 'Cormorant Garamond', serif;      /* English display + italic accent words */
  --font-body: 'Anuphan', sans-serif;                /* all body copy, buttons */
  --font-label: 'IBM Plex Sans Thai', sans-serif;    /* thin eyebrow labels, weight 200 */
  --font-form: 'Sarabun', sans-serif;                /* booking-form inputs only */

  /* display / headings */
  --text-display-size: 78px;        /* EN hero display, Cormorant 500, lh 1.02 */
  --text-display-lh: 1.02;
  --text-h2-size: 44px;             /* Thai section heading, Noto Serif Thai 500, lh 1.3 */
  --text-h2-lh: 1.3;
  --text-h3-size: 30px;             /* Thai sub heading, lh 1.5 */
  --text-h3-lh: 1.5;
  --text-card-title-size: 27px;     /* dark card title, lh 1.45 */
  --text-quote-size: 21px;          /* serif lede / italic quote, lh 1.6 */

  /* body */
  --text-body-size: 17px;           /* Anuphan 400, lh 1.9 */
  --text-body-lh: 1.9;
  --text-body-sm-size: 15px;

  /* labels */
  --text-eyebrow-size: 13px;        /* Anuphan 600, ls 4.5px, uppercase */
  --text-eyebrow-ls: 4.5px;
  --text-label-size: 11.5px;        /* Anuphan 600, ls 2.2px, uppercase */
  --text-label-ls: 2.2px;
  --text-chip-size: 12px;           /* chip text, ls 0.4px */
  --text-btn-size: 15px;            /* button, Anuphan 600, ls 1.2px */
  --text-btn-ls: 1.2px;

  /* ghost numerals on dark cards: Cormorant 600, clamp(120px, 13vw, 180px) */
  --text-ghost-numeral: clamp(120px, 13vw, 180px);
}