/* Beyond Taiwan 的品牌 token。beyondtaiwannpo.com 底下每一個頁面都讀這一份。
 *
 * 2026-08-31（階段 2）：原樣從 passport/index.html 的 :root 區塊搬出來。
 * 搬出來的理由是「加一個新功能的成本 = 開一個資料夾、放一個 HTML、
 * 讀那三個共用檔案」（見 BT-Site-交接規格.md §2-3）——色票與字體如果留在護照裡，
 * 下一個做時間看板的人只能用複製貼上，然後兩份就會慢慢不一樣。
 *
 * 2026-09-07（官網改版批 1）：從三色兩字體換成 Brand Book 2026-27 的七色四字體。
 * 這不是放寬，是換一套規則。原委與完整對照表在 docs/2026-09-07-官網視覺方向.md，
 * 一句話版本：先前程式碼只用三色，是把「每份設計最多用 3 色」這條**用量上限**
 * 誤當成「色票只有 3 色」。原件第 5 頁是 7 色分兩級。字體同理，Brand Book 有五種。
 *
 * ── 這個檔案只放 token，不放版面 ──
 * 顏色、字體家族、圓角。**不要**把按鈕、卡片、格線、間距搬進來。
 * 那些是各個功能自己的事，搬進來就變成一個沒有人敢動的全站樣式表。
 * （首頁的 --gut 留在 index.html 自己的 <style> 裡，就是這個理由。
 *   兩個頁面各寫一次同一行 clamp，比讓這個檔案開始長版面好。）
 *
 * ── 硬規則（見規格 §6，2026-09-07 更新）──
 * 下面七個色碼就是全部，深淺一律調透明度，不加新顏色。
 * `--ink` 與 `--paper` 是語意別名，不是第八、第九色。
 * 字體四種，`--display` `--body` `--han` `--hand`。
 * check.sh 兩個方向都守：色碼白名單、以及「除了這個檔案，
 * 任何地方的 font-family 只准寫 var(--...)，不准寫死家族名」。
 *
 * ── 中文網頁字體只給對外頁 ──
 * 舊規則是「不載入中文網頁字體」，理由是檔案很大、海外幹部的網路不一定好。
 * 2026-09-07 放開，但**那個理由沒有消失**，只是換了解法：
 * 中文字體只有對外的門面頁（首頁、之後的 alumni）去載，
 * 登入後每天在用的護照與時間看板照舊不載，它們吃到的是 --display 與 --body
 * 後面的系統 CJK fallback，載入速度跟改版前一模一樣。check.sh 守著這件事。
 *
 * ── 字體檔案的載入不在這裡 ──
 * Google Fonts 的 <link> 留在各自的 HTML。改成在這裡 @import 的話，
 * 瀏覽器要先下載完 brand.css 才會開始要字體，多一個來回。
 * 這裡只負責「用哪一套字」，不負責「去哪裡拿」——上面那條
 * 「中文字體只給對外頁」能成立，就是因為載入權在各頁自己手上。
 *
 * ── logo ──
 * shared/logo.png。**不可改色、拉伸、旋轉、調透明度。**
 * 它是圖檔不是 CSS，所以放在旁邊而不是寫進這個檔案；引用它的頁面自己寫 <img>，
 * 這樣 alt 文字才在，讀螢幕的人聽得到「Beyond Taiwan」。
 */

:root{
  /* Brand Book 2026-27，七色分兩級。註解裡的級別不要刪，
     它是「這一色可以鋪多大」的依據：Primary 可以當底，Secondary 是點綴。
     唯一的例外是深藍：2026-09-07 起它是島本體與標題的顏色，大面積使用。 */
  --bt-cream:#EDE5D8;    /* Primary   米白。全站底色，紙的感覺，不是白色 */
  --bt-sand:#FFE8C5;     /* Primary   淺橘。打在紙上的一道暖光 */
  --bt-orange:#FFC46C;   /* Primary   主橘。所有「在動的東西」都是這個顏色 */
  --bt-grey:#C6C6C6;     /* Primary   中性灰。分隔線、次要資訊 */
  --bt-navy:#102A86;     /* Secondary 深藍。島、標題、內文 */
  --bt-teal:#6BC6BB;     /* Secondary 蒂芬妮綠。第二條軌跡，少量光點 */
  --bt-yellow:#FFF789;   /* Secondary 亮黃。極少量光點，一個畫面不超過兩顆 */

  --ink:var(--bt-navy);
  --paper:var(--bt-cream);

  /* 四種字體，全部在 Brand Book 五種之內。
     ⚠ **"Noto Sans TC" 只准出現在 --han，不要加回 --display 或 --body。**
     首頁只載 Noto Sans TC 的 900 一個字重（多一個字重就多約 30 KB 的 CSS）。
     它如果同時是內文的後備字體，瀏覽器手上只有 900 那一張臉，
     就會拿 900 去排整頁中文內文 —— 畫面上是滿版的粗體，而且不會有任何錯誤訊息。
     2026-09-07 實測踩過一次。中文內文走系統字體，跟改版前一模一樣。 */
  --display:"Barlow Condensed", sans-serif;                   /* 英文標題、數字、標籤 */
  --body:"Inter", system-ui, sans-serif;                      /* 內文、資訊 */
  --han:"Noto Sans TC", "PingFang TC", sans-serif;            /* 中文標題。900 才撐得起 100px 以上 */
  --hand:"Iansui", "Klee One", "PingFang TC", cursive;        /* Alumni 引言，只用在這一個地方 */

  --r:3px;
}