/* ============================================================
   创业Spark — Typography scale
   Sizes/line-heights transcribed from the Figma source.
   Mini-program canvas is 375px wide; type runs small & dense.
   ============================================================ */

:root {
  /* ---- Font sizes (px, verbatim from source) ---- */
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;   /* captions, tags, chips — most common small size */
  --fs-13: 13px;
  --fs-14: 14px;   /* body — the dominant text size */
  --fs-16: 16px;   /* titles, nav, card headings */
  --fs-18: 18px;   /* section / sheet titles */
  --fs-20: 20px;   /* large title */
  --fs-26: 26px;   /* display */
  --fs-30: 30px;   /* display large */
  --fs-32: 32px;   /* hero numeral */

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

  /* ---- Line heights (source mixes 18px fixed and 100% tight) ---- */
  --lh-tight: 1;        /* @kind other */
  --lh-snug: 1.286;     /* @kind other */
  --lh-body: 1.5;       /* @kind other */
  --lh-22: 22px;        /* nav title */
  --lh-18: 18px;        /* caption block */

  /* ============================================================
     SEMANTIC TYPE ROLES
     ============================================================ */
  --type-nav-title: var(--fw-semibold) var(--fs-16) / var(--lh-22) var(--font-sans);
  --type-page-title: var(--fw-semibold) var(--fs-18) / var(--lh-tight) var(--font-sans);
  --type-section: var(--fw-semibold) var(--fs-16) / var(--lh-tight) var(--font-sans);
  --type-card-title: var(--fw-semibold) var(--fs-16) / var(--lh-tight) var(--font-sans);
  --type-body: var(--fw-regular) var(--fs-14) / var(--lh-snug) var(--font-sans);
  --type-body-strong: var(--fw-medium) var(--fs-14) / var(--lh-snug) var(--font-sans);
  --type-caption: var(--fw-regular) var(--fs-12) / var(--lh-18) var(--font-sans);
  --type-tag: var(--fw-regular) var(--fs-12) / var(--lh-tight) var(--font-sans);
  --type-button: var(--fw-regular) var(--fs-14) / var(--lh-tight) var(--font-puhui);
  --type-price: var(--fw-bold) var(--fs-18) / var(--lh-tight) var(--font-puhui);
  --type-display: var(--fw-regular) var(--fs-26) / var(--lh-tight) var(--font-display);
}