/* ============================================================
   設計 Token — 只改這裡就能換整體風格
   PwC 品牌配色：PwC Orange 主色 + 暖灰中性色盤
   ============================================================ */
:root {
  /* 品牌 / 主色 — PwC Orange */
  --brand:        #d04a02;
  --brand-600:    #b34002;
  --brand-700:    #933501;
  --brand-050:    #fdf1e9;
  --brand-100:    #f9dcc8;

  /* 中性色 — PwC 暖灰階 */
  --bg:           #f5f4f2;   /* 頁面背景 */
  --surface:      #ffffff;   /* 卡片 */
  --surface-2:    #faf9f8;   /* 次要區塊 */
  --border:       #e8e6e3;
  --border-strong:#d1cecb;

  --text:         #2d2d2d;
  --text-2:       #545454;
  --text-3:       #8c8c8c;
  --text-inverse: #ffffff;

  /* 狀態色 — 對齊 PwC 輔助色 */
  --success:      #2c8646;
  --success-bg:   #eaf5ee;
  --warning:      #aa6400;   /* Tangerine #eb8c00 加深以確保可讀性 */
  --warning-bg:   #fdf2e0;
  --danger:       #e0301e;   /* PwC Red */
  --danger-bg:    #fdecea;
  --info:         #4577c9;
  --info-bg:      #ebf1fb;
  --neutral-bg:   #f0efed;

  /* 版面尺寸 */
  --sidebar-w:    252px;
  --topbar-h:     58px;
  --radius:       10px;
  --radius-sm:    7px;
  --radius-lg:    14px;

  /* 陰影 */
  --shadow-sm:    0 1px 2px rgba(45,45,45,.06);
  --shadow:       0 2px 8px rgba(45,45,45,.08);
  --shadow-md:    0 6px 20px rgba(45,45,45,.12);
  --shadow-lg:    0 18px 48px rgba(45,45,45,.22);

  /* 字體 */
  --font: "Inter", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, -apple-system, sans-serif;
  --mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;
}