/* ANGA MASTERY — typography.
   Two families, split by script and job:
     --font-ui / --font-th   Aktiv Grotesk Thai — ALL Thai copy, all UI text, body,
                 labels, nav, form fields. Weights 300–700.
                 The licensed files are not in the project yet, so this falls back to
                 the platform sans until they are uploaded — see tokens/fonts.css.
     --font-display / --font-en  Poppins — Latin-only display: course titles ("Course B"),
                 category chips ("Marketing"), tab labels ("SEO Strategy"), big numerals.
   The designer's own scale note in the file reads:
     H1 = 40  H2 = 32  H3 = 28  Sub = 20  Body 16  CTA 16   (section gap 80, stack gap 24)
   Hero headlines on the 1366px desktop frames run larger — 55px and 60px. */
:root{
  --font-ui:"Aktiv Grotesk Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  /* --font-th / --font-en are explicit aliases for the two-script split. */
  --font-th:var(--font-ui);
  --font-en:var(--font-display);

  --fw-hair:100; /* @kind font */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-extrabold:800; /* @kind font */

  /* Sizes, exactly as they appear in the file */
  --fs-8:8px;    --fs-10:10px;  --fs-11:11px;  --fs-12:12px;  --fs-13:13px;
  --fs-14:14px;  --fs-16:16px;  --fs-18:18px;  --fs-20:20px;  --fs-22:22px;
  --fs-24:24px;  --fs-26:26px;  --fs-28:28px;  --fs-30:30px;  --fs-32:32px;
  --fs-40:40px;  --fs-50:50px;  --fs-55:55px;  --fs-60:60px;  --fs-200:200px;

  /* Named roles */
  --fs-hero:60px;        /* Poppins SemiBold, tightest */
  --fs-hero-th:55px;     /* Thai hero, --font-ui Bold */
  --fs-h1:40px;
  --fs-h2:32px;
  --fs-h3:28px;
  --fs-sub:20px;
  --fs-body:16px;
  --fs-body-sm:14px;
  --fs-caption:12px;
  --fs-cta:16px;

  /* Line heights, verbatim. Display type is set solid (100%);
     Thai prose is generously leaded because of ascender/descender marks. */
  --lh-solid:100%; /* @kind font */
  --lh-tight:1.15; /* @kind font */
  --lh-body:21px; /* @kind font */        /* on 16px */
  --lh-body-sm:25.5px; /* @kind font */   /* on 14px */
  --lh-prose:29.5px; /* @kind font */     /* on 16–18px paragraphs */
  --lh-chip:30px; /* @kind font */        /* on 12–22px single-line labels */
  --lh-nav:70px; /* @kind font */         /* nav links are vertically centred by line-height */
}