/* ==========================================================================
   TYPOGRAPHY TOKENS — Tendy 田地故事
   Serif = story (headlines, product names, quotes). Sans = function
   (buttons, labels, body, prices). Each stack lists the Latin family first
   and its CJK partner second, so one class serves EN and 繁體中文.

   The UI scale is TOKENISED end-to-end: --fs-ui (15) is the default control
   size, --fs-xs (13) and --fs-micro (11) cover dense chrome, so components
   never need an off-scale literal.
   ========================================================================== */
:root{
  --font-display: "Fraunces", "Noto Serif TC", Georgia, "Songti TC", serif;
  --font-body: "Inter", "Noto Sans TC", -apple-system, "PingFang TC", sans-serif;
  --font-mono: "SF Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* Fraunces variable axes — high optical contrast + soft organic terminals */
  --soft-display: "opsz" 40, "SOFT" 60; /* @kind other */

  /* ---- Editorial display scale (fluid clamp; @kind other = size) ---- */
  --fs-display: clamp(46px, 5.2vw + 1rem, 84px); /* @kind other  hero wordmark/lockup */
  --fs-h1: clamp(34px, 3.6vw + .5rem, 56px); /* @kind other */
  --fs-h2: clamp(26px, 2.4vw + .5rem, 40px); /* @kind other */
  --fs-h3: clamp(21px, 1.4vw + .5rem, 27px); /* @kind other */
  --fs-h4: 20px; /* @kind other */
  --fs-h5: 17px; /* @kind other  product name / small card title */

  /* ---- Functional / UI scale (fixed) ---- */
  --fs-lg: 18px;    /* @kind other  lede, sub */
  --fs-body: 16px;  /* @kind other  running text */
  --fs-ui: 15px;    /* @kind other  DEFAULT control size — buttons, inputs, nav */
  --fs-sm: 14px;    /* @kind other  secondary text, links */
  --fs-xs: 13px;    /* @kind other  captions, roles, dense labels */
  --fs-fine: 12px;  /* @kind other  overlines, meta */
  --fs-micro: 11px; /* @kind other  ribbons, cart bubble, stamps */

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

  /* ---- Line height ---- */
  --lh-display: 1.12; /* @kind other  large serif headlines */
  --lh-tight: 1.25; /* @kind other */
  --lh-snug: 1.45; /* @kind other  quotes, card titles */
  --lh-body: 1.65; /* @kind other */

  /* ---- Letter tracking ---- */
  --track-zh: .08em; /* @kind other  CJK display breathing room */
  --track-overline: .2em; /* @kind other  tracked-out small-caps labels */
  --track-label: .02em; /* @kind other  sans labels / buttons */
}