/* 設計變數：五個頁面共用（淺色／深色／減少動態）。示意稿見 docs/設計稿/index.html。
   修改顏色、字級、間距時只改這裡；建置時複製到 public/css/tokens.css。
   配色概念（校園）：米白紙張底＋校園深綠＋麥穗金＋磚紅，避免藍紫漸層的「科技感」。 */
:root {
  --bg: #f6f2e8; --surface: #fffdf7; --surface-2: #ede6d3; --ink: #1d2b24; --ink-2: #55604f; --line: #d8cfb6;
  --brand: #1a5d48; --brand-2: #2b7a5c; --brand-ink: #ffffff;
  --gold: #d9a21b; --gold-soft: #fbefc9; --ok: #2f7a3d; --warn: #a8570a; --danger: #b3261e;
  --focus: #0f4c81;
  --grad: linear-gradient(135deg, var(--brand), var(--brand-2));
  --font: "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", system-ui, sans-serif;
  --r-1: 0.75rem; --r-2: 1.25rem; --r-3: 1.75rem;
  --sh-1: 0 1px 2px rgba(60, 50, 20, 0.07), 0 4px 14px rgba(60, 50, 20, 0.07);
  --sh-2: 0 10px 28px rgba(26, 93, 72, 0.18);
  --t-fast: 120ms; --t-mid: 240ms; --t-slow: 480ms; --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --fs-display: clamp(2.5rem, 6vw, 4.25rem);
}
:root[data-theme="dark"] {
  --bg: #0f1914; --surface: #172420; --surface-2: #203129; --ink: #f1eee2; --ink-2: #b9c4b5; --line: #30443a;
  --brand: #6fc39b; --brand-2: #4fa57a; --brand-ink: #0c1a13; --gold: #f0c24b; --gold-soft: #3a3213;
  --ok: #86d493; --warn: #f0b44c; --danger: #ff9088; --focus: #a9d9f5;
  --sh-1: 0 1px 2px rgba(0, 0, 0, 0.4), 0 6px 18px rgba(0, 0, 0, 0.35); --sh-2: 0 10px 30px rgba(111, 195, 155, 0.2);
}