/*
檔案位置：jonaminz/assets/css/reservoir/02-tokens.css
用途：CSS 疊加第 2 層 - Tokens。全站唯一的顏色/字體/間距/圓角/陰影變數來源。
之後的每一層都應該引用這裡的變數，不要在其他層重新寫死數值。

2026-07-13：套用「亞麻米 Flax & Ink」視覺方向（使用者從四個提案方向裡選定，
見 pages/admin/design/ 的「專案視覺方向」頁）。從通用 SaaS 靛紫配色改成
暖色調亞麻底＋沉墨藍/赭紅，標題加 serif 字體帶手感——這是後台（管理員室）
的識別，外部專案（例如 jonaminz-movies 的酒紅 Editorial）各自宣告自己的
調性，不用跟這裡統一，見 docs/contract-schema 的 visualIdentity 欄位。

2026-07-13（同日稍晚）：大廳／個別房間／後台三層視覺架構定案（見
AI_CONTEXT/DECISIONS.md §四），「圖書館」比喻作廢。原本的
--color-bg-dark／--color-text-dark（首頁專用深色）已經不成立——首頁
（大廳）改走淺色「米紙 Rice Paper」，深色系留給 Jonathan 的個別房間
（尚未實作）。新增 --color-bg-lobby／--color-text-lobby／
--color-lobby-accent 三個大廳專用 token，取代舊的 -dark 系列，見
page-home.css。

2026-07-13（Minz 的房間）：新增 --color-bg-minz／--color-text-minz／
--color-minz-accent／--color-minz-accent-2／--color-minz-highlight
五個 Minz 專用 token（米白×墨綠×淡棕手帳風，見
AI_CONTEXT/DECISIONS.md §六、docs/minz-page/README.md）。米白刻意比
大廳的米紙更淺更不飽和（兩個空間不撞色），墨綠／淡棕是主副強調色，
highlight（淡黃）只用在郵戳/貼紙這類裝飾細節，不當主色用。

2026-07-13（Jonathan 的房間，Dark Precision）：新增 Jonathan 專用色彩
token（--color-bg-jonathan 系列，深藍灰底＋克制藍色主色，呼應「深色
精密工作室」規格，見 docs/jonathan-page/README.md）與一組
--jonathan-* 結構/動態 token（玻璃透明度／金屬高光／動態時長與
easing／光暈強度）。這組 --jonathan-* 前綴刻意不叫 --theme-*——
「Theme」在這個 repo 已經是專指 theme_css_rules／ADPF 那套動態套件
機制的專有名詞（見 DECISIONS.md §五），跟這裡「頁面自己的一組視覺
數值」是兩件事，用同名前綴容易混淆兩個不同機制。字體另加
--font-jonathan-display（現代無襯線，非全站預設的 serif），只有
Jonathan 頁引用，不影響全站 h1/h2/h3 預設。
*/

:root {
  /* color */
  --color-bg: #efeae0;
  --color-bg-lobby: #f6f3ec;
  --color-bg-minz: #faf8f2;
  --color-text: #262220;
  --color-text-lobby: #221f1c;
  --color-text-minz: #24221e;
  --color-lobby-accent: #8a7355;
  --color-minz-accent: #4a6350;
  --color-minz-accent-2: #a8825f;
  --color-minz-highlight: #dba53f;
  --color-bg-jonathan: #0b0e13;
  --color-surface-jonathan: #12161d;
  --color-surface-jonathan-elevated: #1a2029;
  --color-text-jonathan: #e7ebf1;
  --color-text-jonathan-muted: rgba(231, 235, 241, 0.6);
  --color-jonathan-accent: #4d80ab;
  --color-jonathan-accent-2: #7c8fa3;
  --color-jonathan-border: rgba(231, 235, 241, 0.1);
  --color-jonathan-metal-highlight: rgba(231, 235, 241, 0.18);
  --color-text-muted: rgba(38, 34, 32, 0.62);
  --color-primary: #1f3a5f;
  --color-primary-2: #a85c3f;
  --color-accent: #d6efd9;
  --color-border: #ddd4c4;
  --color-surface: #fbfaf5;

  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* shadow：暖色調、比原本的黑色陰影更柔和瀰散 */
  --shadow-sm: 0 8px 20px rgba(38, 34, 32, 0.12);
  --shadow-md: 0 20px 45px rgba(38, 34, 32, 0.14);
  --shadow-lg: 0 30px 80px rgba(38, 34, 32, 0.18);

  /* typography */
  --font-sans: system-ui, -apple-system, "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --font-display: Rockwell, "Sitka Text", Georgia, "Noto Serif TC", serif;
  --font-jonathan-display: "Avenir Next", "Century Gothic", "Segoe UI Semibold", "Noto Sans TC", system-ui, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 2rem;
  --text-2xl: clamp(2.5rem, 6vw, 4rem);

  /* Jonathan 專用結構/動態 token（Dark Precision，見上方檔頭說明） */
  --jonathan-glass-opacity: 0.14;
  --jonathan-glow-strength: 0.35;
  --jonathan-motion-duration: 900ms;
  --jonathan-motion-easing: cubic-bezier(0.35, 0, 0.25, 1);
}