/* ============================================================================
 * 全站設計 Token（T092）
 * 權威來源：03_development/outputs/ui-ux/T091_design_inventory.md §三（設計系統 token）
 *           + §五（CJK 中文排版體檢 6 條）
 * 這是全站 CSS 變數的單一真相源。色票/圓角數值不可在其他檔案硬寫，一律 var() 消費。
 * ==========================================================================*/
:root {
  /* ---- 色票 ---- */
  --color-bg-cream: #FAF6ED;
  /* 首頁色帶專用底色（設計 CDP 實測 computed 值，T095 高保真對齊）：
     熱門課程帶 #FFFCF4（比奶油再白一階）、最新活動帶 #FFF3D6（暖黃、比 yellow-tint 深一階） */
  --color-band-course: #FFFCF4;
  --color-band-events: #FFF3D6;
  /* eyebrow 主題色（T096 CDP 逐頁實測：各列表頁 eyebrow 依主題著色）
     course 珊瑚 #C08883 / branch 湖水 #5BA8B4 / coach 薰紫 #8F7CAE
     event 深黃 #B99321 / testimonial 草綠 #6E9B7E / article 焦糖 #B18A63 */
  --color-eyebrow-coral: #C08883;
  --color-eyebrow-aqua: #5BA8B4;
  --color-eyebrow-lilac: #8F7CAE;
  --color-eyebrow-yellow: #B99321;
  --color-eyebrow-sage: #6E9B7E;
  --color-eyebrow-beige: #B18A63;
  --color-ink: #3B2D25;
  --color-ink-secondary: #6B5A4D;
  --color-ink-muted: #9C8B7C;
  /* 手寫體標語專用暖咖（T097 CTA band 設計實測 computed：副標「動一動…」= #5A473C，
     與 --color-ink-secondary #6B5A4D 相近但設計為獨立值，逐屬性 1:1 故獨立成 token） */
  --color-ink-handwritten: #5A473C;
  --color-border: #EDE3D2;
  --color-border-soft: #EFEAE0;
  --color-cta-coral: #FF7F7F;
  --color-accent-yellow: #F4D66D;
  --color-accent-yellow-deep: #FFC94D;

  /* ---- 六色卡系統：飽和色（-satur）＋ 淺底色（-tint） ---- */
  --color-card-coral: #E98B86;   --color-card-coral-tint: #FDEDEC;
  --color-card-aqua: #91CED3;    --color-card-aqua-tint: #E6F4F7;
  --color-card-sage: #A8CEB3;    --color-card-sage-tint: #E9F5EC;
  --color-card-lilac: #B6A3CF;   --color-card-lilac-tint: #F0EBF7;
  --color-card-yellow: #F4D66D;  --color-card-yellow-tint: #FBEFC7;
  --color-card-beige: #F7E7D9;   --color-card-beige-tint: #F7E7D9;

  /* ---- 圓角 ---- */
  --radius-pill: 999px;
  --radius-card: 22px;
  --radius-small: 8px;

  /* ---- 字級階層（T091 §三 觀察值） ---- */
  --font-size-hero: 4.25rem;      /* 頁面大標 ~64–74px（900） */
  --font-size-section: 2rem;      /* section 標 ~30–34px（900） */
  --font-size-card-title: 1.375rem; /* 卡標 ~20–22px（700/900） */
  --font-size-body: 1.0625rem;    /* 內文 ~15–18px（400） */
  --font-size-eyebrow: 0.8125rem; /* eyebrow ~13px 大寫 */

  /* ---- 間距尺標 ---- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;

  /* ---- 陰影 ---- */
  --shadow-card: 0 18px 44px rgba(28, 25, 23, 0.10);
  --shadow-card-strong: 0 30px 70px rgba(28, 25, 23, 0.16);

  /* ---- 版寬 ---- */
  --content-max-width: 1160px;

  /* ---- 字體堆疊 ---- */
  --font-body: 'Noto Sans TC', system-ui, -apple-system, 'PingFang TC', 'Microsoft JhengHei', sans-serif;
  --font-display: 'YuPearl', 'Noto Sans TC', system-ui, -apple-system, 'PingFang TC', 'Microsoft JhengHei', sans-serif;
  /* 手寫體堆疊：拉丁字母走 Caveat、中文走 Iansui（芫荽手寫、自架 OFL）、最後 fallback cursive。
     設計權威 CTA band 副標 font-family 即為 'Caveat','Iansui',cursive（T097）。 */
  --font-handwritten: 'Caveat', 'Iansui', cursive;

  /* ---- RWD 斷點（Orchestrator 定起始值 900px，ui-ux CDP 可微調） ---- */
  --breakpoint-nav: 900px;
}

/* ---- CJK 排版基礎（T091 §五：關閉字體合成避免未載字重被假粗體） ---- */
html, body {
  font-synthesis: none;
  font-family: var(--font-body);
  color: var(--color-ink);
  background-color: var(--color-bg-cream);
}

/* 中文標題與內文不加 letter-spacing（T091 §五 第 4 條） */
h1, h2, h3, h4, h5, h6, p, .heading, .body-text {
  letter-spacing: normal;
}

/* 英文 eyebrow 標籤是唯一可加字距的類別（非中文排版） */
.eyebrow {
  font-size: var(--font-size-eyebrow);
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--color-ink-muted);
}

.heading-display {
  font-family: var(--font-display);
  font-weight: 900;
}

/* ---- YuPearl 自架 @font-face（PEND-01：檔案待業主授權後補入 /static/fonts/yupearl/；
   檔案缺席時瀏覽器自動 fallback 到 font-display 堆疊下一個字體 Noto Sans TC，不影響任何場景）
   🔴 只可用本站 /static/ 路徑，禁止 cdn.jsdelivr.net 或任何外部網域 ---- */
@font-face {
  font-family: 'YuPearl';
  src: url('/static/fonts/yupearl/YuPearl-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'YuPearl';
  src: url('/static/fonts/yupearl/YuPearl-SemiBold.woff2') format('woff2');
  font-weight: 600 900;
  font-display: swap;
}

/* ---- Iansui 芫荽（中文手寫體）自架 @font-face（OFL、已 collectstatic）
   用於手寫體堆疊的中文字（Caveat 無 CJK 字符 → 自動 fallback 到 Iansui）。
   🔴 只可用本站 /static/ 路徑，禁止任何外部網域 ---- */
@font-face {
  font-family: 'Iansui';
  src: url('/static/fonts/iansui/Iansui-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}