/* ============================================================================
 * 食山海 landing · 字級單一真源（type.css） · 票號 C-295
 * ----------------------------------------------------------------------------
 * 這支檔是 landing 官網「字級」的唯一定義處。所有 landing 頁 <link> 它，
 * 頁面內不再各自定義字級 / font-family（見 .claude/skills/ui-guideline
 * /references/tokens.md §2 為全公司權威規格；此為 landing 的響應式實作）。
 *
 * 身份（對齊 miniexpense 參考）：純系統無襯線工作字、CJK 標題正字距、
 * 標題緊行高、eyebrow 等寬 + 寬字距。7 語意層對映 POS 的 pt-*。
 * ==========================================================================*/

:root {
  --font-sans: -apple-system, system-ui, "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  /* 7 語意層 · 響應式字級（min → 視口 → max）。POS 凍結 px 見 tokens.md §2 對照 */
  --t-title:    clamp(2.15rem, 4.7vw, 3.3rem);   /* ↔ POS pt-title    30 */
  --t-heading:  clamp(1.70rem, 3.0vw, 2.35rem);  /* ↔ POS pt-subtitle 26 */
  --t-emph:     clamp(1.18rem, 1.8vw, 1.35rem);  /* ↔ POS pt-emph     20 */
  --t-lead:     clamp(1.06rem, 1.5vw, 1.20rem);  /* body 的導言變體（intro 段） */
  --t-body:     1.0625rem;                         /* ↔ POS pt-body     18 */
  --t-btn:      1rem;                              /* ↔ POS pt-btn      16 */
  --t-note:     0.82rem;                           /* ↔ POS pt-note     12 */
  --t-tag:      0.72rem;                           /* ↔ POS pt-tag/eyebrow 10 */
}

/* landing 頁預設工作字＝系統無襯線（頁面 body 一律繼承此，除非另行覆蓋） */
body { font-family: var(--font-sans); }

/* --- 7 語意層 canonical 類別 ------------------------------------------------ */
.t-title   { font-family: var(--font-sans); font-weight: 700; font-size: var(--t-title);   letter-spacing: .028em; line-height: 1.08; }
.t-heading { font-family: var(--font-sans); font-weight: 700; font-size: var(--t-heading); letter-spacing: .022em; line-height: 1.16; }
.t-emph    { font-family: var(--font-sans); font-weight: 700; font-size: var(--t-emph);    letter-spacing: .01em;  line-height: 1.3; }
.t-body    { font-family: var(--font-sans); font-weight: 400; font-size: var(--t-body);    line-height: 1.62; }
.t-btn     { font-family: var(--font-sans); font-weight: 600; font-size: var(--t-btn);     line-height: 1.2; }
.t-note    { font-family: var(--font-sans); font-weight: 400; font-size: var(--t-note);    line-height: 1.5; }
.t-tag     { font-family: var(--font-sans); font-weight: 600; font-size: var(--t-tag);     letter-spacing: .02em; }
/* eyebrow：等寬 + 大寫 + 寬字距（miniexpense "MINIMAL EXPENSE · DAILY" 標籤感） */
.t-eyebrow { font-family: var(--font-mono); font-weight: 600; font-size: var(--t-tag);     letter-spacing: .22em; text-transform: uppercase; }
/* lead：body tier 的導言變體（較大、400、寬行高） */
.t-lead    { font-family: var(--font-sans); font-weight: 400; font-size: var(--t-lead);    line-height: 1.62; }

/* --- 相容別名 --------------------------------------------------------------
 * 各頁沿用的舊類名對映到語意層，讓遷移「只需 <link> + 刪頁面本地定義」，
 * 不必逐頁改 class attribute。新頁一律用上面的 canonical 類別。 */
.t-hero { font-family: var(--font-sans); font-weight: 700; font-size: var(--t-title);   letter-spacing: .028em; line-height: 1.08; }
.t-h2   { font-family: var(--font-sans); font-weight: 700; font-size: var(--t-heading); letter-spacing: .022em; line-height: 1.16; }
.t-h3   { font-family: var(--font-sans); font-weight: 700; font-size: var(--t-emph);    letter-spacing: .01em;  line-height: 1.3; }
.h1     { font-family: var(--font-sans); font-weight: 700; font-size: var(--t-title);   letter-spacing: .028em; line-height: 1.1; }
.lead   { font-family: var(--font-sans); font-weight: 400; font-size: var(--t-lead);    line-height: 1.62; }