/* ════════════════════════════════════════════════════════════
   STOTT 複習資源中心 — 全站共用設計 token（單一來源 / single source of truth）
   深色橄欖主題。所有深色頁面在自己的樣式（或 app.css）之前 link 本檔。
   例外：feedback.html 為淺色主題，保留自己的 :root（僅沿用版面寬度 token）。
   修改色彩 / 字型 / 寬度，原則上只改這裡一處。
   ════════════════════════════════════════════════════════════ */
:root {
  /* ─── 結構色（橄欖深淺 4 層）─── */
  --bg: #14180F;
  --surface: #2A2E22;
  --surface2: #3A3E2E;
  --surface-hi: #4A5040;

  /* ─── 文字 3 階 ─── */
  --text: #E8E2D4;
  --text-dim: #B8B0A0;
  --text-mute: rgba(232, 226, 212, 0.4);

  /* ─── 主強調 ─── */
  --accent: #E8E2D4;        /* Cream — 主 CTA 底 */
  --accent-2: #BA9972;      /* Brass — hover / 第二強調 / 邊框 */
  --accent-dim: rgba(232, 226, 212, 0.12);
  --accent-glow: rgba(232, 226, 212, 0.18);
  --accent-2-dim: rgba(186, 153, 114, 0.20);

  /* ─── 語意色 ─── */
  --success: #7DD49F;
  --success-dim: rgba(125, 212, 159, 0.18);
  --warning: #E8B842;
  --warning-dim: rgba(232, 184, 66, 0.20);
  --danger: #D85F58;
  --danger-dim: rgba(216, 95, 88, 0.20);
  --info: #B8D4E0;

  /* ─── 級別色（淺 → 深）─── */
  --level-basic: #E8E2D4;
  --level-inter: #C4AFA0;
  --level-adv: #8A6F4E;

  /* ─── 單元色（器械分類）─── */
  --unit-1: #BA9972;  /* Brass — Reformer */
  --unit-2: #7A92A8;  /* Slate Blue — Cadillac/CCB */
  --unit-3: #C49A8D;  /* Rose Dust — Chair */
  --unit-4: #9A7E94;  /* Mauve — Barrel */
  --unit-5: #D4B57A;  /* Sand Gold — Mat */
  --unit-6: #9E9E8E;  /* Stone — 預備 */

  /* ─── 舊命名別名（向後相容；新程式請用上方正式名）─── */
  --gold: var(--level-inter);
  --gold-dim: rgba(196, 175, 160, 0.20);
  --red: var(--danger);
  --red-dim: var(--danger-dim);
  --blue: var(--info);
  --blue-dim: rgba(184, 212, 224, 0.16);
  --blue-glow: rgba(184, 212, 224, 0.22);

  /* ─── 字體 ─── */
  --font-display: 'Playfair Display', 'Noto Sans TC', serif;
  --font-body: 'DM Sans', 'Noto Sans TC', sans-serif;
  --font-mono: 'Space Grotesk', 'Noto Sans TC', sans-serif;

  /* ─── 圓角 ─── */
  --radius: 4px;
  --radius-pill: 999px;

  /* ─── 版面寬度（統一：取代散落的 440/480/560/580/760/820）─── */
  --w-readable: 560px;   /* 窄欄閱讀區：history / favorites / feedback / quiz 各頁 */
  --w-content: 760px;    /* 標準內容區：index / sequence / faq / five-principles */
  --w-wide: 1120px;      /* 寬版：解剖學全部圖卡 */

  /* ─── 卡片最小寬（auto-fill floor）─── */
  --card-min: 240px;       /* module-grid / quiz-grid */
  --card-min-wide: 290px;  /* browse-grid（含縮圖，需較寬）*/

  /* ─── 斷點約定（@media 無法吃變數，僅作文件參考；實際值請統一用下列）───
     手機切點 = 540px ｜ 小平板 = 640px ｜ 寬版 = 900px
     ──────────────────────────────────────────────────────────── */
}