/* ============================================================
   xunhk.com — shared design tokens
   One scale for both sites. Values only, no components.
   Load BEFORE style.css / style.base.css.
   ============================================================ */

:root {
  /* ---- type scale (8 steps) ---- */
  --fs-xs:   0.75rem;   /* 12px  label, footnote            */
  --fs-sm:   0.875rem;  /* 14px  secondary copy, card body  */
  --fs-base: 1rem;      /* 16px  body                       */
  --fs-md:   1.125rem;  /* 18px  lede                       */
  --fs-lg:   1.375rem;  /* 22px  h3 / small heading         */
  --fs-xl:   1.75rem;   /* 28px  h2 / section heading       */
  --fs-2xl:  2.375rem;  /* 38px  h1                         */
  --fs-3xl:  3.25rem;   /* 52px  home hero                  */

  /* ---- spacing scale (4px base) ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 72px;

  /* ---- radius (4 steps + pill) ---- */
  --r-sm:   8px;    /* inputs, small tags          */
  --r-md:   12px;   /* buttons                     */
  --r-lg:   16px;   /* cards                       */
  --r-xl:   22px;   /* large panels                */
  --r-full: 999px;  /* pills                       */

  /* ---- layout ---- */
  --w-page: 1160px;  /* both sites share one grid   */
  --w-text: 660px;   /* comfortable measure (~72ch) */

  /* ---- line height ---- */
  --lh-tight: 1.2;
  --lh-body:  1.65;
}