/* ===========================================================================
   AI Sales Agent — Typography tokens
   The product ships with system-ui (no custom webfont). For the design system we
   adopt the IBM Plex family — IBM Plex Sans Thai for Thai + Latin UI, IBM Plex
   Mono for SKUs / numbers / refs. This is a deliberate substitution (see fonts.css
   and readme.md > VISUAL FOUNDATIONS). Swap the families here to re-skin globally.
   ===========================================================================*/

:root {
  /* --- Families --------------------------------------------------------- */
  --font-sans: "IBM Plex Sans Thai", "IBM Plex Sans", system-ui, -apple-system,
               "Segoe UI", "Noto Sans Thai", sans-serif;
  --font-display: var(--font-sans);                 /* same family, heavier weight */
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

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

  /* --- Type scale (rem; root = 16px) ------------------------------------ */
  /* Mirrors the landing page: h1 2.3rem, h2 1.7rem, lead 1.15rem, body 1rem. */
  --text-2xs: 0.75rem;   /* 12px — meta, captions, fine print */
  --text-xs:  0.85rem;   /* 13.6px — badges, plan list, helper */
  --text-sm:  0.9375rem; /* 15px — secondary copy */
  --text-md:  1rem;      /* 16px — body */
  --text-lg:  1.15rem;   /* 18.4px — lead paragraph */
  --text-xl:  1.4rem;    /* 22.4px — card titles / amounts */
  --text-2xl: 1.7rem;    /* 27.2px — section heading (h2) */
  --text-3xl: 2.3rem;    /* 36.8px — hero headline (h1) */
  --text-4xl: 3rem;      /* 48px — oversized display */

  /* --- Line heights ----------------------------------------------------- */
  --leading-tight:  1.25;  /* headlines */
  --leading-snug:   1.4;   /* titles */
  --leading-normal: 1.6;   /* body (source default) */

  /* --- Tracking --------------------------------------------------------- */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.02em;

  /* --- Semantic roles --------------------------------------------------- */
  --type-display: var(--fw-bold) var(--text-3xl)/var(--leading-tight) var(--font-display);
  --type-h2:      var(--fw-bold) var(--text-2xl)/var(--leading-snug) var(--font-display);
  --type-title:   var(--fw-semibold) var(--text-xl)/var(--leading-snug) var(--font-sans);
  --type-lead:    var(--fw-regular) var(--text-lg)/var(--leading-normal) var(--font-sans);
  --type-body:    var(--fw-regular) var(--text-md)/var(--leading-normal) var(--font-sans);
  --type-meta:    var(--fw-medium) var(--text-2xs)/var(--leading-snug) var(--font-sans);
}