:root{
  /* Families.
     Ibrand (TH/ENG headline) and Croptech (ENG display alt) are NOT bundled —
     no distributable files were supplied. Kanit and Chakra Petch stand in.
     Poppins and Noto Sans Thai are the CI's real specified faces. */
  --font-display:'Kanit','Poppins',system-ui,sans-serif;        /* stand-in for Ibrand */
  --font-display-alt:'Chakra Petch','Kanit',system-ui,sans-serif;/* stand-in for Croptech */
  --font-body:'Poppins','Noto Sans Thai',system-ui,sans-serif;   /* ENG sub-head / body */
  --font-thai:'Noto Sans Thai','Kanit',system-ui,sans-serif;     /* TH body */
  --font-mono:ui-monospace,'SFMono-Regular',Menlo,monospace;

  /* Weights */
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  /* Scale — 1.25 major third off a 16px base */
  --text-2xs:11px;
  --text-xs:12px;
  --text-sm:14px;
  --text-base:16px;
  --text-md:20px;
  --text-lg:25px;
  --text-xl:31px;
  --text-2xl:39px;
  --text-3xl:49px;
  --text-4xl:61px;
  --text-5xl:76px;

  /* Line heights */
  --leading-tight:1.05;
  --leading-snug:1.2;
  --leading-normal:1.5;
  --leading-loose:1.7;

  /* Tracking — display is set tight, all-caps micro type is set wide */
  --tracking-display:-0.02em;
  --tracking-normal:0em;
  --tracking-wide:0.06em;
  --tracking-caps:0.12em;

  /* Semantic roles */
  --type-hero-family:var(--font-display);
  --type-hero-size:var(--text-5xl);
  --type-hero-weight:var(--weight-bold);
  --type-hero-leading:var(--leading-tight);

  --type-heading-family:var(--font-display);
  --type-heading-weight:var(--weight-semibold);
  --type-heading-leading:var(--leading-snug);

  --type-subhead-family:var(--font-body);
  --type-subhead-weight:var(--weight-semibold);

  --type-body-family:var(--font-body);
  --type-body-size:var(--text-base);
  --type-body-weight:var(--weight-regular);
  --type-body-leading:var(--leading-normal);

  --type-eyebrow-family:var(--font-body);
  --type-eyebrow-size:var(--text-xs);
  --type-eyebrow-weight:var(--weight-bold);
  --type-eyebrow-tracking:var(--tracking-caps);
}
