/* =========================================================
   鈦可數位 設計參數（tokens）
   規格：頁面規格說明書 v1 第一章 T2～T4
   色彩全部是暫代值（D-17：logo 與標準色交美編）。
   美編定案後只改這個檔，頁面一行都不用動。
   頁面與 components.css 裡不得寫死任何色碼。
   ========================================================= */
:root{
  /* --- 色彩 T2 --- */
  --c-ink:#17151F;            /* 主色 墨黑：標題、內文、深色區塊底 */
  --c-accent:#7A3CF0;         /* 輔色 電光紫：按鈕底、連結、重點 */
  --c-soft:#F3EEFE;           /* 淺底 */
  --c-surface:#FFFFFF;        /* 白底 */
  --c-muted:#55506A;          /* 次要文字（白底 7.66:1） */
  --c-line:#E2DAF6;           /* 分隔線（只做裝飾，不放文字） */
  --c-accent-strong:#5B22D6;  /* 按鈕 hover */
  --c-accent-on-dark:#B79BFF; /* 深底上的輔色（墨黑底 7.86:1） */
  --c-on-dark:#FFFFFF;
  --c-on-dark-muted:#CFCBDA;  /* 深底上的說明文字（墨黑底約 11:1） */

  /* --- 字體 T3 --- */
  --font-zh:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --font-en:"Sora","Noto Sans TC",sans-serif;

  /* --- 字級 T3：任何地方都不小於 16px --- */
  --fs-small:16px;   /* 說明、圖說、頁尾、表單說明 */
  --fs-body:17px;    /* 內文（手機） */
  --fs-lead:19px;
  --fs-h3:21px;
  --fs-h2:26px;
  --fs-h1:34px;
  --fs-quote:24px;
  --lh-body:1.8;
  --lh-small:1.7;
  --measure:34em;    /* 一行不超過約 34 個中文字 */

  /* --- 間距 T4 --- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;
  --section-gap:var(--sp-8);
  --gutter:16px;
  --container:1200px;

  /* --- 圓角 T4：依層級 --- */
  --r-sm:8px;     /* 欄位、小元素 */
  --r-md:16px;    /* 區塊、圖片 */
  --r-pill:999px; /* 按鈕 */

  --tap:44px;     /* 最小點擊範圍 */
  --ease:cubic-bezier(.2,.7,.2,1);
}

@media (min-width:960px){
  :root{
    --fs-body:18px;
    --fs-lead:21px;
    --fs-h3:24px;
    --fs-h2:38px;
    --fs-h1:56px;
    --fs-quote:30px;
    --section-gap:var(--sp-9);
    --gutter:32px;
  }
}