/* GovMeet 設計 token —「案卷・硃批」日夜雙模。
   日間：宣紙系（:root）；夜間：墨帳系（[data-theme="dark"]）。
   全系統樣式僅引用此處變數，禁止在其他 CSS 寫入硬編 hex。 */

/* ═══════════════════════════════════════════════════════════
   日間宣紙 :root（預設）
═══════════════════════════════════════════════════════════ */
:root {
  /* 背景（暖白宣紙 → 米杏卡片 → 淺杏底） */
  --bg-canvas:  #ffffff;   /* 畫布底 */
  --bg-surface: #FCF8F2;   /* 紙葉（卡片） */
  --bg-subtle:  #f4eee7;   /* 表頭 / hover 底 */

  /* 文字 */
  --text-primary: #1A1A1A;  /* 近墨黑 */
  --text-muted:   #655f58;  /* 次要（~4.9:1 on surface） */

  /* 邊框 */
  --border: #e4dcd4;

  /* 主色：玫瑰硃——權威（方印/核決鈕/蓋印/主按鈕） */
  --accent:       #D56E7A;
  --accent-hover: #c05666;
  --accent-weak:  rgba(213,110,122,.14);  /* 印泥薄暈 / 選取底 */
  --accent-ink:   #ffffff;                /* 疊在玫瑰底上的字（白） */

  /* 抬頭列（改為淺色，隨主題翻轉） */
  --topbar-bg:  #FCF8F2;
  --topbar-ink: #1A1A1A;

  /* 向後相容別名（舊程式碼引用 --brand；新設計請改用 --accent） */
  --brand:       var(--accent);
  --brand-hover: var(--accent-hover);

  /* 六型狀態色（StatusBadge / ApprovalPanel / Dashboard 三處一致） */
  --st-draft:    #8d847b;  /* 草稿：暖灰 */
  --st-ack:      #C99A3A;  /* 待簽認：琥珀金 */
  --st-approval: #84BBCD;  /* 待核決：霧藍 */
  --st-approved: #9EBDA5;  /* 核決通過：竹青綠 */
  --st-returned: #D56E7A;  /* 退回/否決：玫瑰 */
  --st-locked:   #b7ada2;
  --st-returned-weak: rgba(213,110,122,.10);  /* 退回情境薄底 */

  /* 疊在各填色上的文字色（重算後逐態確保可讀；日間） */
  --on-accent:      #ffffff;  /* 玫瑰底上：白（粗體按鈕 3:1 大字 AA） */
  --on-st-draft:    #1A1A1A;  /* 暖灰底：墨字 ~4.6:1 */
  --on-st-ack:      #1A1A1A;  /* 琥珀金底：墨字 ~6.5:1 */
  --on-st-approval: #1A1A1A;  /* 霧藍底：墨字 ~7:1 */
  --on-st-approved: #1A1A1A;  /* 竹青綠底：墨字 ~8:1 */
  --on-st-returned: #ffffff;  /* 玫瑰底：白（危險鈕/toast 粗體） */
  --on-st-locked:   #1A1A1A;  /* 淺灰底：墨字 */

  /* 危險色（破壞性操作；刻意較主色玫瑰硃深，避免與 --accent 同色混淆） */
  --danger:    #B03A4C;  /* 深玫瑰紅：白字 ~5.9:1 AA；當文字 on surface ~5.5:1 AA */
  --on-danger: #ffffff;

  /* 焦點環（霧藍） */
  --focus: #84BBCD;

  /* 陰影 */
  --shadow-sm:    0 1px 2px rgba(26,26,26,.10);
  --shadow-md:    0 6px 20px rgba(26,26,26,.14);
  --shadow-focus: 0 0 0 3px rgba(132,187,205,.45);

  /* 搜尋標記底色 */
  --mark-bg: #FCEFB4;

  /* ── 字型（三支）──────────────────────────────────────── */
  --font-serif: "Noto Serif TC", "Songti TC", serif;   /* 抬頭/印章/標題 */
  --font-sans:  "Noto Sans TC", system-ui, -apple-system, "PingFang TC", sans-serif;
  --font-mono:  "JetBrains Mono", "Noto Sans Mono", monospace;

  /* ── 字級 12 / 14 / 16 / 18 / 22 / 28 / 34 ──────────── */
  --fs-xs:  12px;
  --fs-sm:  14px;
  --fs-md:  16px;
  --fs-lg:  18px;
  --fs-xl:  22px;
  --fs-2xl: 28px;
  --fs-3xl: 34px;

  /* ── 字重 ────────────────────────────────────────────── */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;

  /* ── 行高 ─────────────────────────────────────────────── */
  --lh-body: 1.7;
  --lh-ui:   1.45;

  /* ── 間距 4 倍數 ──────────────────────────────────────── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-12: 48px;

  /* ── 圓角（方印用 radius-sm，近方章） ───────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-full: 9999px;
}

/* ═══════════════════════════════════════════════════════════
   夜間墨帳 [data-theme="dark"]（覆蓋同名變數）
═══════════════════════════════════════════════════════════ */
[data-theme="dark"] {
  --bg-canvas:  #1A1A1A;
  --bg-surface: #20201e;
  --bg-subtle:  #30302e;

  --text-primary: #FCF8F2;
  --text-muted:   #c9c1b7;

  --border: #3f3f3c;

  --accent:       #D56E7A;   /* 玫瑰硃（暗底仍飽和） */
  --accent-hover: #e08592;
  --accent-weak:  rgba(213,110,122,.20);
  --accent-ink:   #ffffff;

  /* 抬頭列：暗模為半透明深墨底 + blur，字近白 */
  --topbar-bg:  rgba(26,26,26,.92);
  --topbar-ink: #FCF8F2;

  /* 狀態色比照設計稿暗模（沿用同一組玫瑰/霧藍/竹青/琥珀） */
  --st-draft:    #a79e90;
  --st-ack:      #C99A3A;
  --st-approval: #84BBCD;
  --st-approved: #9EBDA5;
  --st-returned: #D56E7A;
  --st-locked:   #6A6458;
  --st-returned-weak: rgba(213,110,122,.18);

  /* 疊色文字（夜間；狀態填色為淺彩，故以墨字為主，accent/returned 用白） */
  --on-accent:      #ffffff;
  --on-st-draft:    #1A1A1A;
  --on-st-ack:      #1A1A1A;
  --on-st-approval: #1A1A1A;
  --on-st-approved: #1A1A1A;
  --on-st-returned: #ffffff;
  --on-st-locked:   #ECE6DA;

  /* 危險色（夜間比照狀態色淺彩慣例：淺玫瑰底配墨字；當文字 on canvas ~7.4:1 AA） */
  --danger:    #E8919C;
  --on-danger: #1A1A1A;

  --focus: #84BBCD;

  --shadow-sm:    0 1px 2px rgba(0,0,0,.40);
  --shadow-md:    0 8px 24px rgba(0,0,0,.50);
  --shadow-focus: 0 0 0 3px rgba(132,187,205,.35);

  --mark-bg: rgba(213,110,122,.25);
}

/* ── 全域：reduced-motion 關動畫 ─────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition:  none !important;
    animation:   none !important;
  }
}