/* ============================================================
   tokens.css — 設計變數（Design Tokens）
   全站唯一的「設定來源」：色彩 / 字型 / 版型 / 圓角陰影。
   改這裡，全站一起變。斷點無法用變數，另記於註解。
   ============================================================ */
:root{
  /* ---- 色彩 ---- */
  --paper: #F3EEE1;        /* 紙張底色（背景） */
  --paper-dark: #E7DFC8;   /* 稍深紙色（卡片/區塊底） */
  --ink: #24333B;          /* 墨水主色（文字/框線） */
  --ink-soft: #4C5C63;     /* 次要文字 */
  --teal: #3E7C74;         /* 主題青綠（按鈕/重點） */
  --teal-dark: #2A5A54;    /* 深青綠（連結/hover） */
  --gold: #C79A2B;         /* 點綴金（GEPT/贊助/播放中） */
  --stamp-red: #B44432;    /* 郵戳紅（強調/停止） */
  --line: #C9BFA1;         /* 分隔線/虛線 */

  /* ---- 字型 ---- */
  --font-display: 'Special Elite', 'Noto Serif TC', serif;  /* 標題（打字機感） */
  --font-serif: 'Noto Serif TC', serif;                     /* 中文內文/翻譯 */
  --font-sans: 'Noto Sans TC', sans-serif;                  /* 一般內文 */
  --font-mono: 'IBM Plex Mono', monospace;                  /* 標籤/編號/音標 */

  /* ---- 版型 ---- */
  --container: 1440px;     /* 全站最大寬度 */
  --rail-left: 212px;      /* 左欄寬（篩選/章節） */
  --rail-right: 284px;     /* 右欄寬（最新/贊助/廣告） */
  --gap: 32px;             /* 三欄間距 */
  --pad-x: 24px;           /* 左右內距 */
  /* 響應式斷點（供對照，media query 內需寫死）：
     960px = 三欄收合成單欄；1200px = 卡片 3→2 欄；600px = 卡片 2→1 欄 */

  /* ---- 圓角 / 陰影 ---- */
  --radius: 2px;
  --shadow: 0 6px 18px rgba(36,51,59,0.12);
  --shadow-hover: 0 12px 26px rgba(36,51,59,0.18);
}