/* ===========================================================
   TFF 資安評估 — 共用視覺語彙（單一來源）

   ⚠️ 配色鐵律（勿違反）
   1. 不使用白色字體 —— 任何情況都不要 color:#fff / var(--paper) 當文字色
   2. 不把兩個高對比色直接相鄰 —— 不做「飽和深底 + 白字」的組合
   3. 一律「淺色底 + 同色系深字 + 同色系描邊」三件套：
        background: var(--x-soft) · color: var(--x-dark) · border-color: var(--x-line)
      強調用底色深淺與邊框粗細表達，不用明度反差表達

   沿用 mdc_tff_workflow/docs/requirements 的房子風格：
   紙感底色 · navy 主色 · 磚紅強調 · 金黃提示
   poster / fact-check / review 全部引用此檔，改色只改這裡。
   =========================================================== */
:root {
  /* --- 底與紙 --- */
  --outer:       #eef1f7;   /* 頁面最外層（poster 舞台外） */
  --paper:       #fbf8f2;   /* 紙感底 */
  --card:        #fffdf8;   /* 卡片／表格底 */
  --card-alt:    #f7f3ea;   /* 交替列 */
  --bg2:         #f4ece0;   /* 導言區塊 */
  --surface:     #fafaf9;   /* 次級表面（卡片頁首、控制列） */

  /* --- 墨與線 --- */
  --ink:         #1b2233;
  --muted:       #4a5468;
  --line:        #2a3348;
  --border:      rgba(42,51,72,.22);
  --border-strong: rgba(42,51,72,.45);

  /* --- 主色：navy（深色僅供文字／邊框，不作大面積底色）--- */
  --navy:        #2f437e;
  --navy-dark:   #24336a;
  --navy-hover:  #dbe4f7;   /* hover 用更深的淺色，不用深底 */
  --navy-soft:   #e8eefb;
  --navy-line:   #9eb0db;

  /* --- 強調：磚紅 --- */
  --accent:      #b8442c;
  --accent-dark: #8f2f1c;
  --accent-soft: #f7e0da;
  --accent-mid:  #f0c9bd;   /* 選取態底色 */
  --accent-line: #d99b89;

  /* --- 提示：金黃 --- */
  --gold:        #c9973a;
  --gold-dark:   #8b681e;
  --gold-soft:   #fbf1d7;
  --gold-mid:    #f2e0ab;   /* 選取態底色 */
  --gold-line:   #dfbe73;

  /* --- 通過：綠 --- */
  --green:       #3f7a52;
  --green-mid:   #cfe4d6;   /* 選取態底色 */
  --green-dark:  #2f6f49;
  --green-soft:  #e3f1e7;
  --green-line:  #a5c8ae;

  /* --- 資訊：淺 navy --- */
  --info:        #4a63a5;
  --info-mid:    #cbd7ef;   /* 選取態底色 */
  --info-soft:   #e8eefb;
  --info-line:   #9eb0db;

  /* --- 中性 --- */
  --neutral:     #6b7280;
  --neutral-mid: #dde1ea;   /* 選取態底色 */
  --neutral-soft:#eceff5;
  --neutral-line:#b9c1d0;

  /* --- 字體 --- */
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans CJK TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* ===== 相容別名：review / fact-check 既有變數名對映到上面的房子色 ===== */
  --bg:            var(--paper);
  --text:          var(--ink);
  --text-muted:    var(--muted);
  --primary:       var(--navy);
  --primary-hover: var(--navy-hover);
  --primary-dark:  var(--navy-dark);
  --ok:            var(--green);
  --warn:          var(--gold-dark);
  --risk:          var(--accent);
  --todo:          var(--info);
  --unknown:       var(--neutral);

  /* 卡片內各區塊 */
  --question-bg:      #eef2fb;   --question-border:    var(--navy-line);
  --tff-answer-bg:    #fdf7e8;   --tff-answer-border:  var(--gold-line);
  --bank-req-bg:      #fbeeea;   --bank-req-border:    var(--accent-line);
  --review-bg:        #eef6f0;   --review-border:      var(--green-line);
  --suggest-bg:       #f6f0e4;   --suggest-border:     var(--gold-line);
}

/* --- 全域基底：三種頁面共用 --- */
html, body { margin: 0; padding: 0; }
body { font-family: var(--sans); color: var(--ink); }

/* --- 共用徽章 --- */
.badge {
  display: inline-block;
  border-radius: 4px;
  font-weight: 700;
  line-height: 1.4;
}