/* ============================================================
   Design tokens — 來源:Figma「09 精稿」01 Components 頁
   檔 ZcL0ToWIu44xQqBfnUKcDr  (色彩/字級由 metadata 精確抽出)
   radius / shadow / spacing 由 get_design_context 工作流補齊
   2026-06 輔色(--sec-*)校準至 IDML 印刷實際用色:深青 #268080、
   印刷橘 #E8743A、印刷金 #E0B23C;另登錄 --print-* 分章輔色。
   ============================================================ */
:root {
  /* ---- Primary(品牌主色:深藍)---- */
  --primary:      #1B2D58;
  --primary-l1:   #30559F;
  --primary-l2:   #4F7BBE;
  --primary-l3:   #587291;

  /* ---- Secondary(青 / teal / 珊瑚 / 金 等輔色)---- */
  --sec-1:  #7FC4C0;  --sec-2:  #268080;  --sec-3:  #E8743A;  --sec-4:  #E0B23C;
  --sec-5:  #1F7A78;  --sec-6:  #4C5364;  --sec-7:  #4FA8A4;  --sec-8:  #B5D2CD;
  --sec-9:  #D6EAE7;  --sec-10: #F1FAF9;  --sec-11: #E8EEFE;  --sec-12: #D1DEFF;

  /* ---- 印刷篇章輔色:取自 IDML 內文/框線實際用色(設計用色,非製程灰),供分章上色 ---- */
  --print-teal:   #268080;  /* 永續環境(環保) */
  --print-blue:   #4585EB;  /* 影響力主軸 */
  --print-purple: #8059CC;  /* 骨髓造血幹細胞 */
  --print-amber:  #E0B23C;  /* 總覽 / 醫療 */
  --print-orange: #E8743A;  /* 社區行動 */

  /* ---- Figma 致遠/影響力 accents（precise hex from design vars）---- */
  --accent-green: #34C759;  /* 數據卡數字 / 卡片 +、× icon */
  --accent-cyan:  #00C0E8;  /* 倡議行動·目標 卡片收合態底色 */
  --datas-bg:     #F2F2F7;  /* 數據卡底色（淺灰）*/
  --datas-muted:  #8E8E93;  /* 數據卡 detail / 資料來源 */

  /* ---- Neutral ---- */
  --gray-1: #333333;  --gray-2: #4F4F4F;  --gray-3: #828282;  --gray-4: #8D8D8D;
  --gray-5: #95969B;  --gray-6: #B3B3B3;  --gray-7: #BDBDBD;  --gray-8: #E0E0E0;
  --gray-9: #F2F2F2;  --gray-10:#F8F8F8;  --white:  #FFFFFF;

  /* ---- Alerts ---- */
  --error:   #D4494F;
  --success: #168967;

  /* ---- Semantic aliases ---- */
  --ink:        var(--gray-1);
  --ink-sub:    var(--gray-3);
  --bg:         var(--white);
  --bg-soft:    var(--gray-10);
  --brand:      var(--primary);
  --brand-deep: var(--primary);
  --accent:     var(--sec-1);
  --line:       var(--gray-8);

  /* ---- Typography scale (px) ---- */
  --fs-h1: 46px;  --fs-h2: 34px;  --fs-h3: 26px;  --fs-h4: 24px;
  --fs-title: 20px;  --fs-subtitle: 16px;  --fs-body: 16px;
  --fs-tab-lg: 34px;  --fs-tab-sm: 20px;
  --fw-bold: 700;  --fw-medium: 500;  --fw-regular: 400;
  --font-cjk: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;

  /* ---- Layout ---- */
  --maxw: 1296px;        /* 版心 */
  --maxw-text: 1076px;   /* 文字內縮欄 */

  /* ---- radius (來自設計系統:Buttons 8 / Cards 10 / Chips 4 / IconBtn pill) ---- */
  --radius-sm: 4px;  --radius-md: 8px;  --radius-card: 10px;  --radius-lg: 16px;  --radius-pill: 9999px;
  /* ---- elevation (Figma 具名 Effect Elevation1–4,權威黑色陰影) ---- */
  --elev-1: 0 1px 5px rgba(0,0,0,.10);
  --elev-2: 0 1px 2px rgba(0,0,0,.15), 2px 2px 3px rgba(0,0,0,.10);
  --elev-3: 0 4px 2px rgba(0,0,0,.13), 0 0 7px rgba(0,0,0,.13);
  --elev-4: 0 4px 4px rgba(0,0,0,.13), 0 5px 18px rgba(0,0,0,.30);
}