/* ═══════════════════════════════════════════════════════════════
   设计令牌（Design Tokens）· 全站唯一的颜色 / 字体定义源

   使用规则：
   1. 新代码一律引用 var(--xxx)，不再写颜色字面量；
   2. 通道式令牌（*-rgb）用于配合任意透明度：
      rgba(var(--gold-rgb), 0.15)
   3. 例外：star-background.js 的 canvas 调色板是 JS 侧独立系统
      （canvas 无法读取 CSS 变量，改色需同步 CONFIG.colors）。
   ═══════════════════════════════════════════════════════════════ */
:root {
    /* ── 背景 · 深空 ── */
    --bg-deep: #0a0e17;             /* 最深底色：body 渐变起点 / 顶栏 */
    --bg-mid: #141a24;              /* 渐变中段 */
    --bg-end: #0d1117;              /* 渐变末端 */
    --bg-void: #05070c;             /* 最黑端：游戏页径向渐变收尾 */
    --bg-deep-rgb: 10, 14, 23;
    --panel-rgb: 18, 24, 36;        /* 玻璃面板底 */
    --navy: #18243c;                /* 亮海军蓝：气泡 / 列表面板 */
    --navy-rgb: 24, 36, 60;
    --field-focus-rgb: 12, 16, 24;  /* 输入框聚焦底色 */
    --bg-warm-rgb: 30, 20, 10;      /* 暖黑：仪式圆盘中心 */

    /* ── 金色通道 · 人味 / 高亮 ── */
    --gold: #c8a860;                /* 主金 #c8a860 = rgb(200,168,96)：标题 / 文字 */
    --gold-rgb: 200, 168, 96;       /* 主金通道：描边 / 蒙层 */
    --gold-hot-rgb: 220, 180, 90;   /* 交互金：hover / 按钮 */
    --gold-glow-rgb: 235, 195, 105; /* 辉光金：渐变亮端 */
    --gold-ink: #f0e0b0;            /* 亮金：输入文字 */
    --gold-bright: #e8d8a0;         /* 亮金：小标题 / 链接悬停 */
    --gold-soft-rgb: 220, 200, 140; /* 柔金：引言 / 次级文字 */
    --gold-dim-rgb: 200, 180, 120;  /* 暗金：页脚 / 标签 */
    --gold-faint-rgb: 180, 160, 120;/* 微金：副标题 / 时间戳 */
    --gold-mute-rgb: 220, 210, 190; /* 灰金：正文散文 */

    /* ── 冷青通道 · 系统 / 交互（机器语义） ── */
    --system: #7fd8e8;              /* 系统色：交互态、HUD 微标签、系统状态 */
    --system-rgb: 127, 216, 232;

    /* ── 文字 · 冷灰蓝 ── */
    --ink: #f0f3f8;                 /* 主文字 */
    --ink-rgb: 240, 243, 248;
    --ink-2: #c0c8d8;               /* 次级文字 / 表单提示 */

    /* ── 状态色（实用语义：颜色 = 状态） ── */
    --ok: #a0d8b0;
    --ok-rgb: 120, 200, 150;
    --danger: #d08070;
    --danger-rgb: 200, 120, 100;
    --info: #a0c8e0;
    --info-rgb: 120, 180, 220;

    /* ── 中性 / 结构 ── */
    --white-rgb: 255, 255, 255;
    --shadow-rgb: 0, 0, 0;          /* 阴影 / 遮罩 */

    /* ── 布局尺寸 ── */
    --frame-pad: 5px;               /* 全局外框内边距：body padding 与固定顶栏 inset 共用 */
    --topbar-h: 56px;               /* 固定顶栏高度：body 顶部留白 = --topbar-h + --frame-pad */

    /* ── 字体 ── */
    --font-serif: "Georgia", "Noto Serif SC", "Microsoft YaHei", serif;
    --font-quote: "Georgia", "KaiTi", serif;   /* 引言 / 诗歌片段 */
    --font-ui: "Segoe UI", "Microsoft YaHei", sans-serif;
}