/* 配色方案 B（參考 media.rti.org.tw，見 HANDOVER.md §16.4）：標題深藍、加入申請淺藍、主要按鈕藍、搜尋與申請清單橘 */
:root {
  --title: #2e32d5;                          /* 標題深藍（官網同色，對比 8.3:1） */
  --accent: #0077c8;                         /* 主要按鈕、連結、分頁（白字 4.7:1） */
  --accent-hover: #005fa3;
  --add-bg: #e0f3ff; --add-fg: #0067b3; --add-bd: #7cc9f5; --add-hover: #cdebff;   /* 加入申請（淺藍，5.1:1） */
  --line-accent: #00a6ff;                    /* 頁首線條（官網亮藍） */
  --orange: #f0a93e; --orange-hover: #e3962a; --orange-fg: #2b2d2f;  /* 搜尋、申請清單（深字 6.9:1） */
  --fg: #2b2d2f; --muted: #616569; --line: #dcdde0; --bg: #fff; --soft: #f3f8fc;
  --ok: #2e7d32; --err: #c62828; --err-bg: #fdecea;
  --note-bg: #fff6e5; --note-bd: #e0a100;
  --skeleton: #e9edf1; --skeleton-hi: #f5f7f9;

  --font: "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif;
  --radius: 6px;
  --wrap: 1200px;                            /* 內容最大寬 */
  --tap: 44px;                               /* 點擊目標最小尺寸 */
  --gutter: max(16px, env(safe-area-inset-left), env(safe-area-inset-right));
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);

  /* 字級：手機到電腦平滑放大 */
  --fs-body: clamp(0.9375rem, 0.9rem + 0.15vw, 1rem);
  --fs-small: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
  --fs-h1: clamp(1.25rem, 1.05rem + 0.8vw, 1.625rem);
  --fs-h2: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --fs-item: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
}