:root{
--font-display:'Kanit','IBM Plex Sans Thai',system-ui,sans-serif;
--font-ui:'IBM Plex Sans Thai','Sukhumvit Set','Thonburi',system-ui,sans-serif;
--font-read:'Sarabun','IBM Plex Sans Thai',serif;
--font-num:'IBM Plex Sans Thai',system-ui,sans-serif;

--fs-display:32px;--fs-h1:24px;--fs-h2:20px;--fs-h3:18px;--fs-body:16px;--fs-small:14px;--fs-caption:13px;
--fs-kpi:38px;--fs-kpi-lg:40px;--fs-kpi-sm:36px;

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

--lh-thai:1.65; /* @kind font */--lh-thai-tight:1.4; /* @kind font */--lh-read:1.75; /* @kind font */--lh-num:1.1; /* @kind font */

--text-display:var(--fw-bold) var(--fs-display)/1.35 var(--font-display); /* @kind font */
--text-h1:var(--fw-semibold) var(--fs-h1)/1.45 var(--font-display);
--text-h2:var(--fw-semibold) var(--fs-h2)/1.5 var(--font-display);
--text-h3:var(--fw-semibold) var(--fs-h3)/1.5 var(--font-display);
--text-body-font:var(--fw-regular) var(--fs-body)/var(--lh-thai) var(--font-ui); /* @kind font */
--text-small-font:var(--fw-regular) var(--fs-small)/1.6 var(--font-ui); /* @kind font */
--text-caption-font:var(--fw-medium) var(--fs-caption)/1.5 var(--font-ui); /* @kind font */
--text-read-font:var(--fw-regular) 18px/var(--lh-read) var(--font-read); /* @kind font */
}