/*
  視覺風格設定
  ------------------------------------------------------------
  這裡只放顏色、字體、間距等「整站外觀變數」。
  想微調網站風格時，先改這裡，不需要改 css/styles.css。

  建議：
  - --color-orange：首頁與角色的主橘色。
  - --color-paper：文字區背景，影響可讀性。
  - --color-ink：主要文字色。
  - --color-green / --color-brown：用來平衡橘色，避免整站只有單一色調。
*/

:root {
  --font-display: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
  --font-body: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;

  --color-orange: #ff5a00;
  --color-orange-deep: #c74708;
  --color-paper: #fff2dc;
  --color-paper-soft: #ffe5c2;
  --color-ink: #22140e;
  --color-muted: #775f4a;
  --color-brown: #4c2c1a;
  --color-green: #1d6a4b;
  --color-lime: #b8d56f;
  --color-white: #fffaf0;
  --color-black: #0b0705;
  --color-line: rgba(34, 20, 14, 0.18);

  --layout-max: 1180px;
  --radius-card: 8px;
  --shadow-soft: 0 18px 60px rgba(72, 34, 12, 0.18);
}