:root{
--font-display:"Bricolage Grotesque","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--font-body:"Manrope","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

--weight-display:800;
--weight-display-regular:400;
--weight-body:400;
--weight-body-medium:500;
--weight-body-semibold:600;
--weight-body-bold:700;
--weight-body-extrabold:800;

/* display / Bricolage Grotesque ExtraBold — every size in the file, verbatim */
--text-logo:42px;        /* Trekko wordmark, letter-spacing -1px */
--text-letter:80px;      /* pre-literacy consonant */
--text-mimic:26px;       /* sound to imitate */
--text-title-game:24px;  /* activity title */
--text-prompt-xl:22px;   /* main in-game prompt / tracker header */
--text-prompt-lg:20px;
--text-cta-game:19px;    /* candy button label, game */
--text-display-18:18px;  /* user name, best value, instruction */
--text-cta:17px;         /* candy button label, app */
--text-heading-16:16px;  /* section heading, card question, zone title */
--text-display-15:15px;  /* feature title, yes/no label, word label */
--text-display-14:14px;  /* action title, timer, star score */
--text-display-13:13px;  /* progress label */
--text-display-12:12px;  /* category card title */

/* body / Manrope */
--text-emoji-28:28px;    /* emoji glyph in emotion + achievement */
--text-body-15:15px;     /* status bar time */
--text-body-14:14px;     /* dates, best label, letter sub */
--text-body-13:13px;     /* body copy, descriptions */
--text-body-12:12px;     /* meta copy, streak count */
--text-body-11:11px;     /* labels, tags, axis */
--text-body-10:10px;     /* tab labels, uppercase badge, sublabels */

--leading-flat:100%;     /* the file sets 100% line-height on every text node */
--leading-copy:1.45;     /* for multi-line Thai body copy in production */
--tracking-logo:-1px;
--tracking-badge:0.02em;
}
