/* 參考重現版型庫：共用基礎
   中文網站：中英數一律 Noto Sans TC
   每個參考元件的數值直接寫在 p01／p02／p04 三個檔案裡，不另設覆蓋層；
   該處註解以「參考／調整／理由」三段標明原站實測值與本專案生效值。
   重點色統一鼎新藍 */
:root {
  --text-primary: #121926; /* 同正式站 figma-tokens.css 的 --figma-text-primary，這裡另立一份給參考重現版型庫用 */
  --dw-blue: #005AFF;         /* CIS 一級輔助色「數位藍」PANTONE 285 C，非品牌主色（品牌主色是智慧藍 #00AFF0） */
  --dw-blue-hover: #0505BD;   /* Figma 互動色，非 CIS 色票的一部分。使用者確認沿用原 Figma hover 值 */
  --dw-blue-tint: #E6EDFA;
  --dw-blue-tint-hover: #D5E2F8;

  --f-noto: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --f-stripe: var(--f-noto);   /* 參考原字體：sohne-var */
  --f-sqsp: var(--f-noto);     /* 參考原字體：Clarkson */
  --f-ramp: var(--f-noto);     /* 參考原字體：Lausanne */
  --f-cohere: var(--f-noto);   /* 參考原字體：Unica77 */
}

/* ==========================================================================
   鼎捷數智 CIS 色票（權威來源）
   S+G_鼎捷_品牌视觉识别手册_20250312_Sent.pdf，色彩章節 p.49–60
   與 figma-tokens.css 的對應：Figma 的 Primary 500 = 智慧藍，
   Button / Text-accent = 數位藍，兩邊主色系一致。Figma 只取內容、不沿用其版型。
   注意：--dw-blue（數位藍）是一級輔助色，不是品牌主色。
   ========================================================================== */
:root {
  /* 品牌色 ── 智慧藍 Smart Blue：大面積使用提升認知，小面積用來強調 */
  --cis-brand:        #00AFF0;   /* R0 G175 B240  C75 M0 Y5 K0   PANTONE 306 C   */

  /* 一級輔助色 ── 由淺到深的藍，用來加層次、突出品牌色 */
  --cis-primary-light:#00E1FF;   /* R0 G225 B255  C61 M0 Y11 K0  PANTONE 3105 C  */
  --cis-primary:      #005AFF;   /* R0 G90  B255  C85 M62 Y0 K0  PANTONE 285 C   */
  --cis-primary-dark: #000064;   /* R0 G0   B100  C100 M100 Y57 K16 PANTONE 2748 C */

  /* 二級輔助色 ── 功能性、克制使用；同一版面最多選一種搭配品牌色與一級輔助色 */
  --cis-secondary-purple: #6446FF;  /* R100 G70  B255  C78 M71 Y0 K0    PANTONE 2725 C */
  --cis-secondary-green:  #14E69B;  /* R20  G230 B155  C63 M0  Y56 K0   PANTONE 3385 C */
  --cis-secondary-red:    #FF5A6E;  /* R255 G90  B110  C0  M78 Y41 K0   PANTONE 184 C  */
  --cis-secondary-yellow: #FFD200;  /* R255 G210 B0    C4  M22 Y88 K0   PANTONE Yellow 012 C */

  /* 板塊層色彩 ── 由既有色階指定，不另立新色 */
  --cis-sector-mfg:     #005AFF;   /* 泛製造：一級輔助色的藍，專業、精工 */
  --cis-sector-retail:  #FFD200;   /* 泛流通：二級輔助色的黃，溫暖、熱情、活潑 */
  --cis-sector-esg:     #14E69B;   /* ESG：二級輔助色的綠，希望、環保、可持續 */

  /* 中性色 ── 由淺到深的灰，加層次並突出品牌色（數值待 CIS p.50 核對後補齊） */
}

/* CIS 使用規則（p.50 / p.56）
   1. 智慧藍可大面積使用以提升品牌認知度，小面積使用起強調作用
   2. 二級輔助色最多使用一種，若品牌色＋一級輔助色＋中性色已能傳達訊息，可完全不用
   3. 數位媒體需核對 RGB 色值；印刷盡量使用專色，受材質／媒介限制時以潘通色卡比對
   4. 使用比例（品牌色／一級輔助色／二級輔助色／板塊色）見手冊 p.56 與 p.60

   ── 可讀性分工（WCAG 實算，2026-09-27）──────────────────────────────────
   白字放在色上（當按鈕底時）：
     智慧藍   #00AFF0   2.50:1  ✗ 不可用
     亮藍     #00E1FF   1.59:1  ✗ 不可用
     數位藍   #005AFF   5.38:1  ✓ AA      ← 按鈕底、文字連結、focus、icon
     深藍     #000064  17.74:1  ✓ AAA
     紫       #6446FF   5.44:1  ✓ AA
     綠       #14E69B   1.64:1  ✗ 不可用
     紅       #FF5A6E   3.03:1  △ 僅限大字
     黃       #FFD200   1.45:1  ✗ 不可用
   當文字放在白底上：與上面相同（智慧藍 2.50:1 ✗、數位藍 5.38:1 ✓ AA）
   當文字放在深色底 #0D121C 上：
     智慧藍   #00AFF0   7.49:1  ✓ AAA     ← 深色底的標題、強調、線條、數字
     亮藍     #00E1FF  11.79:1  ✓ AAA
     綠       #14E69B  11.44:1  ✓ AAA
     黃       #FFD200  12.92:1  ✓ AAA
     紅       #FF5A6E   6.19:1  ✓ AA
     數位藍   #005AFF   3.49:1  △ 僅限大字
     深藍     #000064   1.06:1  ✗ 不可用

   結論：兩個色系不是二選一，而是互補——
     · #00AFF0 智慧藍＝品牌識別面：大面積色塊、深色底上的文字與線條、視覺主調
       不放白字在淺色底上（2.50:1），也不宜大面積鋪白底（高飽和亮青造成視覺疲勞）
     · #005AFF 數位藍＝互動與可讀性面：按鈕底、文字連結、focus、勾選、hover
   這也正是 CIS 把 #005AFF 列為「一級輔助色」而非品牌色的原因。 */