/* ============================================================
   KamiQR 3.0 — Typography tokens
   ============================================================ */

:root {

  /* ── Font families ─────────────────────────────────────── */
  --font-body:    "Manrope", -apple-system, system-ui, sans-serif;
  --font-display: "Manrope", -apple-system, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, Menlo, monospace;

  /* ── Type scale (px) ───────────────────────────────────── */
  --text-display:   64px;    /* hero / page title                    */
  --text-h1:        40px;    /* section titles in DS doc             */
  --text-h2:        28px;    /* page-level headings                  */
  --text-h3:        20px;    /* sub-headers, lede paragraphs         */
  --text-body-lg:   16px;    /* onboarding, marketing prose          */
  --text-body:      13.5px;  /* default product text (table, forms)  */
  --text-body-sm:   12.5px;  /* sidebar items, tag text, metadata    */
  --text-caption:   11.5px;  /* hints under fields, captions         */
  --text-label:     10.5px;  /* uppercase column headers, eyebrows   */
  --text-mono:      12px;    /* prices, IDs, counts, kbd shortcuts   */

  /* ── Font weights ──────────────────────────────────────── */
  --weight-regular:    400;
  --weight-medium:     500;  /* default body weight in product       */
  --weight-semibold:   600;
  --weight-bold:       700;  /* display & headings                   */
  --weight-extrabold:  800;  /* logo tile initials, hero marks       */

  /* ── Letter-spacing ────────────────────────────────────── */
  --tracking-display: -0.030em;  /* 64px hero                        */
  --tracking-tight:   -0.025em;  /* h1 / h2 headings                 */
  --tracking-body:    -0.005em;  /* body default                     */
  --tracking-label:    0.08em;   /* uppercase section label          */
  --tracking-eyebrow:  0.10em;   /* purple eyebrow (Section 01, etc) */

  /* ── Line-heights ──────────────────────────────────────── */
  --leading-tight:   1.0;   /* display                              */
  --leading-heading: 1.2;   /* h1–h2                                */
  --leading-body:    1.5;   /* body                                 */
  --leading-relaxed: 1.7;   /* list items, prose                    */
}