/* chung-wealth 設計系統 — 單一來源 token（2026-06-24 任哲規格）
   Loro Piana / Raffles：低飽和全暖色、無陰影、0.5px 邊框、12px 圓角、大字級、留白為核心。
   沿用既有 token 名 → 對映新值，既有 var(--xxx) 自動換皮。禁純白底、禁陰影、禁飽和色。 */
:root {
  /* 底色階：禁 #FFFFFF */
  --paper:        #F8F6F2;   /* 頁面主底 */
  --surface:      #EDEAE4;   /* 卡片/區塊（原白底改此） */
  --surface-warm: #F1EEE8;   /* 介於頁面與卡片的暖底 */
  --cream:        #EDEAE4;   /* 次底 */
  --cream-dark:   #E0DDD8;

  /* 文字階 */
  --ink:        #1A1815;     /* 主要文字 */
  --ink-light:  #3A3833;
  --ink-muted:  #6B6860;     /* 次要文字 — 不可再淡（5.2:1 邊緣） */
  --ink-faint:  #6B6860;     /* 同次要，不得更淡 */
  --ink-hover:  #000000;

  /* 強調（taupe，取代金色） */
  --gold:       #8B7355;     /* 強調/hover/重點 */
  --gold-light: #9C8568;     /* hover lighten */
  --gold-pale:  #EDE0CF;     /* tag/badge 底 */
  --gold-deep:  #5C4A30;     /* tag/badge 文字、深強調 */

  /* 邊框：一律 #E0DDD8 0.5px */
  --line:        #E0DDD8;
  --line-strong: #E0DDD8;

  /* 語意色：退飽和、走暖調，克制使用 */
  --advisor:       #6E6A4E;  /* 正向（暖橄欖，取代飽和綠） */
  --error:         #9A4A33;  /* 警示（暖磚紅，退飽和） */
  --error-surface: #F0E5DE;

  /* 圓角 */
  --r:    12px;   /* 卡片 */
  --r-in: 12px;
  --r-sm: 8px;    /* 小元件/標籤 */

  /* 無陰影（禁裝飾性效果） */
  --shadow-soft: none;
  --shadow-lift: none;

  --ease: cubic-bezier(0.32, 0.72, 0, 1);

  /* 向後相容別名：body/JS innerHTML 仍引用的舊 token 名 → 映射新暖色系，避免色彩失效。
     角色色收斂(藍會計/紫律師→中性 ink、保險→暖紅、advisor→暖橄欖)；語意色退飽和。 */
  --c-accountant: var(--ink-light);
  --c-lawyer:     var(--ink-light);
  --c-insurance:  var(--error);
  --c-advisor:    var(--advisor);
  --c-error:      var(--error);
  --success:      var(--advisor);
  --warn:         var(--gold);
  --border:        #E0DDD8;
  --border-strong: #E0DDD8;
  --dup:        var(--gold);   --dup-border: var(--gold);   --dup-bg: var(--gold-pale);
  --low-conf-border: var(--gold);  --low-conf-bg: var(--gold-pale);

  /* 字級尺度（spec 四級；供新樣式引用，既有硬寫 px 由各頁逐步對齊） */
  --fs-hero:  56px;  /* Hero/頁面主標 · weight 500 · -0.01em · 1.2 */
  --fs-h2:    32px;  /* Section/卡片主標 · 500 · -0.01em · 1.35 */
  --fs-body:  19px;  /* 內文 · 400 · 1.8 */
  --fs-small: 14px;  /* 標籤/輔助 · 400 · 1.6 · 不得 < 14px */
}

/* base：桌機 18px / 行動 16px。所有邊框 0.5px。 */
html { font-size: 18px; }
@media (max-width: 640px) { html { font-size: 16px; } }