/*
 * 全站共用的設計 token 與字型宣告（站內與登入頁都用）。index.html 最先載入這一支。
 * 字型自帶在 assets/fonts/（SIL OFL 1.1，見 assets/fonts/README.md）；unicode-range 只涵蓋拉丁字，
 * 中文直接走系統字型（Windows：微軟正黑體），不會等英文字型下載。
 */
@font-face {
  font-family: "Archivo"; src: url("../assets/fonts/archivo-var.woff2") format("woff2");
  font-weight: 100 900; font-stretch: 62% 125%; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2190-2193, U+2212;
}
@font-face {
  font-family: "JetBrains Mono"; src: url("../assets/fonts/jetbrains-mono-var.woff2") format("woff2");
  font-weight: 100 800; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2190-2193, U+2212;
}

:root {
  /*
   * 站內配色與字體（2026-10 改版第 1 步）：沿用登入頁的 GFI 品牌語言——墨黑、米白、雷射橘——
   * 但站內是淺色工作檯。雷射橘只標「現在在哪」與「下一步」：選取中的頁面、目前階段、主要按鈕；
   * 當文字用一律改用 --laser-ink（雷射橘原色在淺底上對比不足 4.5:1）。
   * 舊名稱（--navy、--teal…）留作別名，新寫的規則請用語意名稱。
   */
  --ink: #15171c;            /* 內文 */
  --ink-strong: #0e1015;     /* 墨黑：側欄、深色標籤、主要文字強調 */
  --ink-2: #1a1d25;          /* 側欄選取中、滑過 */
  --side-mute: #9ba1ab;      /* 側欄次要文字（墨黑上 7:1） */
  --side-line: #272b35;      /* 側欄分隔線 */
  --on-ink: #f2efe9;         /* 墨黑上的米白字 */
  --paper: #f1f0ec;          /* 工作區底色 */
  --surface: #fcfcfa;        /* 卡片、表格、對話框 */
  --muted: #5c616c;
  --line: #dddbd5;
  --soft-line: #e8e6e1;
  --field-line: #c9c6bf;
  --hover: #ebe9e4;
  --laser: #ff4a1c;          /* 目前位置、主要行動（底色，配墨黑字） */
  --laser-ink: #c7360d;      /* 雷射橘當文字 */
  --laser-tint: #fbebe4;     /* 選取中的淺底 */
  --amber: #ffb23f;
  --amber-ink: #8a5a00;
  --warning-bg: #fff4dc;
  --warning-line: #f0d49a;
  --success: #1d7a4c;
  --success-bg: #e6f2eb;
  --success-line: #bcd9c7;
  --danger: #b3321e;
  --danger-bg: #fbeae6;
  --danger-line: #e8bdb4;
  --info: #2f5d8c;
  --info-bg: #eaf0f6;
  --info-line: #cfdbe8;
  --font-sans: "Archivo", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, "Microsoft JhengHei UI", "Microsoft JhengHei", monospace;
  --radius: 0;
  --shadow: none;
  --shadow-float: 0 18px 40px rgba(14, 16, 21, 0.18);
  --sidebar-width: 276px;
  /* 舊名稱 → 新語意 */
  --navy: var(--ink-strong);
  --navy-deep: var(--ink);
  --teal: var(--ink-strong);
  --teal-dark: var(--laser-ink);
}