/* ============================================================
 *  RP3 — Design Tokens
 *  三套設計方向由 body class 切換：
 *    .rp3-route-obsidian (A · 黑曜祭儀 — 預設啟用)
 *    .rp3-route-palm     (B · 椰葉禪境)
 *    .rp3-route-cinnabar (C · 朱砂霓虹)
 *    .rp3-route-pending  (未選定 — 跑 baseline 中性)
 * ============================================================ */

:root {
  /* fonts — 三案共用全套 enqueue，由 body class 切換有效字體 */
  --f-italiana: 'Italiana', serif;
  --f-cormorant: 'Cormorant Garamond', serif;
  --f-forum: 'Forum', serif;
  --f-eb: 'EB Garamond', serif;
  --f-bricolage: 'Bricolage Grotesque', sans-serif;
  --f-fraunces: 'Fraunces', serif;
  --f-tenor: 'Tenor Sans', sans-serif;
  --f-crimson: 'Crimson Pro', serif;
  --f-ibm-tc: 'IBM Plex Sans TC', 'PingFang TC', sans-serif;
  --f-noto-serif-tc: 'Noto Serif TC', 'PingFang TC', serif;
  --f-noto-sans-tc: 'Noto Sans TC', 'PingFang TC', sans-serif;

  /* spacing scale */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px;  --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px;  --s-8: 64px;
  --s-9: 96px; --s-10: 120px;

  --container: 1320px;
  --container-narrow: 880px;
}

/* ============================================================
 *  A · 黑曜祭儀 (Obsidian Ritual) — 預設套用
 * ============================================================ */
body,
body.rp3-route-pending,
body.rp3-route-obsidian {
  --bg:          #0A0908;
  --bg-elev:     #14110F;
  --bg-deep:     #050403;
  --ink:         #E9DBC0;
  --ink-soft:    #BDB096;
  --ink-muted:   #7A715E;
  --accent:      #C9A961;       /* gold */
  --accent-bright: #E8C76F;     /* gold bright */
  --accent-deep: #8E7A45;       /* gold deep */
  --blood:       #7A1414;
  --blood-bright:#B23030;
  --rule:        rgba(201,169,97,.18);
  --rule-soft:   rgba(201,169,97,.08);

  --f-display:        var(--f-italiana);
  --f-display-italic: var(--f-cormorant);
  --f-cjk-display:    var(--f-noto-serif-tc);
  --f-body:           var(--f-ibm-tc);

  --w-cjk-display: 900;
  --w-body: 400;

  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0.79  0 0 0 0 0.66  0 0 0 0 0.38  0 0 0 0.6 0'/></filter><rect width='240' height='240' filter='url(%23n)' opacity='0.55'/></svg>");
}

/* ============================================================
 *  B · 椰葉禪境 (Palm & Sutra)
 * ============================================================ */
body.rp3-route-palm {
  --bg:          #F4EDDC;
  --bg-elev:     #EBE2CE;
  --bg-deep:     #E5DDC8;
  --ink:         #1B1814;
  --ink-soft:    #4A4339;
  --ink-muted:   #7E7466;
  --accent:      #355E3B;       /* moss */
  --accent-bright: #6B8F71;
  --accent-deep: #1F3724;
  --blood:       #B65D38;        /* copper */
  --blood-bright:#D08A6C;
  --rule:        rgba(27,24,20,.14);
  --rule-soft:   rgba(27,24,20,.06);

  --f-display:        var(--f-forum);
  --f-display-italic: var(--f-eb);
  --f-cjk-display:    var(--f-noto-serif-tc);
  --f-body:           var(--f-crimson);

  --w-cjk-display: 500;
  --w-body: 400;
}

/* ============================================================
 *  C · 朱砂霓虹 (Cinnabar Neon)
 * ============================================================ */
body.rp3-route-cinnabar {
  /* 2026-07-02 全站對齊 V6「亮粉版」：色票由朱砂/赤陶改為 V6 粉／金／桃。
   * 版面結構沿用原 route-cinnabar.css（全 token 驅動），僅換色值＋display 字體。
   * 首頁 portal 走獨立 rp3-route-v6 / portal-v6.css，不受此區塊影響。 */
  --bg:          #FCEFF3;          /* V6 粉底 */
  --bg-elev:     #FFF8FA;          /* 卡片／浮起面（白粉） */
  --bg-deep:     #5E2A40;          /* 深色區塊底（酒紅），配 --bg 粉字 */
  --ink:         #3E2630;          /* 主文字 */
  --ink-soft:    #6E4C5A;          /* 次文字（較 V6 ink-soft 加深確保可讀） */
  --ink-muted:   #9A7480;          /* 輔助文字 */
  --accent:      #BC8C46;          /* 金（主 accent） */
  --accent-bright: #E2C386;        /* 亮金（hover／highlight） */
  --accent-deep: #A8793E;          /* 深金 */
  --blood:       #C46089;          /* 粉桃 seal（原 blood 深松木） */
  --blood-bright:#A84A72;          /* 深粉桃 seal-d（原霧石板藍） */
  --rule:        rgba(190,146,72,.28);
  --rule-soft:   rgba(190,146,72,.12);

  --f-display:        var(--f-cormorant);
  --f-display-italic: var(--f-cormorant);
  --f-cjk-display:    var(--f-noto-serif-tc);
  --f-body:           var(--f-noto-sans-tc);
  --f-bricolage:      var(--f-noto-serif-tc);  /* route-cinnabar 直引：改 V6 襯線 */
  --f-fraunces:       var(--f-cormorant);       /* route-cinnabar 直引：latin 斜體改 Cormorant */

  --w-cjk-display: 700;
  --w-body: 400;
}