/* ==========================================================
   野序 YEXÜ｜網站 tokens（活潑版，2026-09-30）
   來源：使用者選的活潑版畫面（/Users/diao/Documents/yexu-ui/yexu-site）。
   規則：全站的色碼只寫在這個檔案。site.css、HTML 只用變數（tools/check.py 會抓）。
   已同步到 品牌規範/ v2.0（2026-09-30）。之後改到新的確定版本，要再同步一次（使用者要求）。
   ========================================================== */

:root {
  /* ---- 紙與墨 ---- */
  --paper: #F3ECDD;        /* 宣紙米：頁面底色 */
  --kraft: #E7D9BE;        /* 牛皮紙：區塊底、紙角 */
  --card: #FBF7EE;         /* 卡片紙 */
  --white: #FFFFFF;        /* 拍立得相紙 */
  --ink: #1C1A17;          /* 墨：字、框線、偏移陰影（紙上 14.76:1） */
  --ink-2: #4A443B;        /* 淡墨：次要文字（紙上 8.19:1、牛皮紙上 6.91:1） */

  /* ---- 品牌色 ---- */
  --fire: #E5582B;         /* 窯火橘：主要按鈕的底。上面的字只能用墨色（4.76:1），白字不夠（3.64:1） */
  --moss: #2E5E4E;         /* 苔綠：「序」、主理人區、文字連結（紙上 6.31:1） */
  --mango: #F4B63A;        /* 芒果黃：螢光筆、太陽、點綴。苔綠上當字不夠（4.10:1） */
  --harbor: #2F6690;       /* 港都藍：鍵盤框線（紙上 5.21:1）、點綴 */
  --rose: #F2A7A0;         /* 蓮霧粉：螢光筆、膠帶、點綴 */

  /* ---- 淺色（便利貼、時間軸圓點） ---- */
  --mango-soft: #F9D77E;
  --rose-soft: #F6C0BA;
  --moss-soft: #BFD8CB;
  --harbor-soft: #BCD0E2;
  --moss-tint: #9CC3B0;
  --harbor-tint: #9DBAD3;

  /* ---- 深底上的字 ---- */
  --on-moss: #DCE7E0;      /* 苔綠上的內文（5.85:1） */
  --on-ink: #CFC6B5;       /* 墨色上的次要文字（10.25:1） */
  --mango-text: #FFE08A;   /* 苔綠、墨色上的黃色字（苔綠上 5.76:1） */

  /* ---- 字體 ----
     思源宋體只下載標題用到的字（tools/fonts.mjs 會更新每個頁面的 text=）。
     會變動的內容（活動標題、日期）一律用黑體，不用宋體。 */
  --serif: "Noto Serif TC", "Noto Serif CJK TC", "Songti TC", "PMingLiU", serif;
  --sans: "Noto Sans TC", "Noto Sans CJK TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; /* 帳號、英文小標：用電腦內建的等寬字，不另外下載 */

  /* ---- 字級（5 階）：小字、內文、小標、區塊標題、主標 ---- */
  --fs-1: 14px;
  --fs-2: 17px;
  --fs-3: 22px;
  --fs-4: clamp(32px, 3vw, 40px);
  --fs-5: clamp(36px, 4.6vw, 56px);
  --fs-glyph: clamp(64px, 8vw, 96px); /* 「野」「序」大字：當圖案用，不是內文 */
  --leading: 1.65;

  /* ---- 間距（8 的倍數；4 只給小元件內部） ---- */
  --s0: 4px;
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 32px;
  --s5: 48px;
  --s6: 64px;

  /* ---- 圓角、框線、偏移陰影 ---- */
  --r: 24px;
  --r-md: 16px;
  --r-sm: 8px;
  --line: 2.5px;
  --lift-sm: 4px 4px 0 var(--ink);
  --lift-md: 6px 6px 0 var(--ink);
  --lift-lg: 8px 8px 0 var(--ink);

  /* ---- 動態 ---- */
  --ease: ease-out;
  --t: 280ms;          /* hover、按下 */
  --t-in: 360ms;       /* 進場浮現 */
}