/* ═══════════════════════════════════════════
   鑄魂坊 · 百面江湖 — 全域設計變量（絞殺藤 v1.2 源頭化）
   新的長出來 → 舊的自然枯
   ═══════════════════════════════════════════
   絞殺藤策略：
     - tokens.css 是設計變量的唯一源頭，值全部直接寫死（#xxx / rgba / px / s）
     - 新模組一律使用此檔定義的 --color-* / --font-* / --platform-* / --overlay-* /
       --shadow-* / --radius-* / --blur-* / --motion-* 命名空間
     - 舊 style.css 的 :root 變量過渡期保留（聖經不動），由後續 PR 逐個模組切到新源頭
     - 後續 PR 把 var(--accent) 等舊名替換為 var(--color-brand-primary) 等新 token
     - 所有消費者切完 = style.css :root 零引用 = 可安全刪除 = 絞殺完成

   命名規範：
     - 顏色：--color-{category}-{variant}
         category: brand | bg | text | {semantic}
         variant:  primary | secondary | muted | subtle | medium | gold | ...
     - 字體：--font-{purpose}
         purpose: narrative (襯線敘事) | ui (無襯線操作)

   依賴順序（v1.2 源頭化後更新）：
     tokens.css 可在 style.css 之前或之後載入（不再反向引用）。
     建議放在 style.css 之前，使 tokens.css 真正成為設計系統的入口。
   ─────────────────────────────────────────── */

:root {
    /* ── 顏色 · Brand（魂火） ── */
    --color-brand-primary:    #c9a96e;                        /* 古銅金，日常主力 */
    --color-brand-muted:      rgba(201, 169, 110, 0.06);      /* 舞台光暈 */
    --color-brand-subtle:     rgba(201, 169, 110, 0.08);      /* 微妙品牌底色 */
    --color-brand-medium:     rgba(201, 169, 110, 0.12);      /* hover / 選中 */
    --color-brand-gold:       #FFD700;                        /* 帝王金，面積 ≤5% (R3) */
    --color-brand-gold-dark:  #B8860B;                        /* 黑金邊，推薦卡 */

    /* ── 顏色 · Background（深淵） ── */
    --color-bg-base:          #0a0a0a;                        /* 最深黑，全局底 */
    --color-bg-elevated:      #141414;                        /* 層級+1，header / modal */
    --color-bg-message:       #1a1a1a;                        /* 對話氣泡 */
    --color-bg-card:          rgba(255, 255, 255, 0.03);      /* 付費牆同源卡片 */
    --color-bg-hover:         rgba(255, 255, 255, 0.08);      /* hover 通用 */

    /* ── 顏色 · Text（枯骨 · 注意力由近到遠，R7 三色法則） ── */
    --color-text-bright:      #eee;                           /* 距離 0 必須看 */
    --color-text-primary:     #e8d5b0;                        /* 武俠主色 */
    --color-text-body:        #ccc;                           /* 距離 1 正文 */
    --color-text-secondary:   #8a7a60;                        /* 距離 2.5 舊卷宗 */
    --color-text-desc:        #bbb;                           /* 距離 1.5 描述次要 */
    --color-text-label:       #aaa;                           /* 距離 2 數據標注 */
    --color-text-dim:         #888;                           /* 距離 3 弱化互動 */
    --color-text-muted:       #6a5a40;                        /* 距離 4 幾乎隱形 */
    --color-text-ghost:       #666;                           /* 距離 5 消失（原價斜線） */
    --color-text-narrator:    #d4c4a0;                        /* 天道旁白（敘事者） */
    --color-text-player:      #a0c4d4;                        /* 凡人行動（玩家） */

    /* ── 顏色 · Semantic（血） ── */
    --color-danger:           #8b3a3a;                        /* 系統反噬 */
    --color-success:          #4a8b4a;                        /* 確認 / 已綁定 */
    --color-warning:          #e8a87c;                        /* 警告 */
    --color-nightmare:        #ff4444;                        /* 夢魘武大郎專用 */

    /* ── 顏色 · Border（骨架 · 由弱到強） ── */
    --color-border:              #2a2a2a;                     /* 結構分隔線 */
    --color-border-divider:      #222;                        /* 卡片內部分隔 */
    --color-border-interactive:  #333;                        /* 可互動元素輪廓 */
    --color-border-strong:       #444;                        /* 強調邊框 */
    --color-border-action:       #555;                        /* 行動按鈕邊框 */

    /* ── 字體（R1 宋體安全線：--font-narrative 最小字號 = 0.85rem） ── */
    --font-narrative:         "Noto Serif TC", "Source Han Serif TC", serif;    /* 神聖敘事 · System 1 */
    --font-ui:                "Noto Sans TC", "Source Han Sans TC", sans-serif; /* 凡人操作 · System 2 */

    /* ── 字號 scale（v1.3 新增 — 收乾全站事實標準 0.75rem） ── */
    --font-xs:                0.75rem;                          /* 12px @ 16px base — footer / 附註 / 微標籤 */

    /* ── 顏色 · Platform（平台品牌色 · v1.1 新增） ── */
    --color-platform-discord:        #3ba55c;                   /* Discord 品牌綠（dot / 徽章） */
    --color-platform-discord-glow:   rgba(59, 165, 92, 0.6);    /* 綠點脈衝光暈 */

    /* ── 顏色 · Brand glow（金光呼吸 · v1.1 新增） ── */
    --color-brand-glow-soft:    rgba(201, 169, 110, 0.25);      /* 中強度金光（呼吸起始） */
    --color-brand-glow-strong:  rgba(201, 169, 110, 0.35);      /* 強金光（呼吸峰值） */

    /* ── 顏色 · Overlay（毛玻璃浮層底 · v1.1 新增） ── */
    --color-overlay-frosted:        rgba(20, 15, 10, 0.72);     /* 深色毛玻璃底（pill / toast） */
    --color-overlay-frosted-hover:  rgba(30, 22, 14, 0.9);      /* hover 加深 */

    /* ── Radius（圓角 · v1.1 新增） ── */
    --radius-sm:              8px;                               /* 小型互動元素：按鈕、漢堡 */
    --radius-md:              12px;                              /* 卡片、容器 */
    --radius-pill:            999px;                             /* 膠囊型元件 */

    /* ── Shadow（浮層陰影 · v1.1 新增） ── */
    --shadow-sm:              0 2px 8px rgba(0, 0, 0, 0.15);    /* 小型卡片投影 */
    --shadow-float:           0 2px 12px rgba(0, 0, 0, 0.45);   /* 浮起元件的投影 */

    /* ── Blur（模糊 · v1.1 新增） ── */
    --blur-frosted:           10px;                              /* 毛玻璃 backdrop-filter */

    /* ── Motion（動畫時長 · v1.1 新增） ── */
    --motion-breath:          3s;                                /* 呼吸動畫標準時長 */
    --motion-pulse:           2s;                                /* 脈衝動畫標準時長 */
}