/* ============================================================================
 * css/tokens_v2.css — 设计令牌 v2（暗色编辑风 · 侧边栏导航）
 * ----------------------------------------------------------------------------
 * 与 v1（墨白极简风）的核心差异：
 *   - 深墨暗底 + 暖金强调，杂志编辑式排版
 *   - 左侧固定侧边栏导航，右侧全屏内容流
 *   - 玻璃态卡片 + 微光边框 + 不对称网格
 * ==========================================================================*/

:root{
    /* ===== 原始 token ===== */
    --ink:#141412;               /* 深墨底：页面背景 */
    --ink-2:#1c1c19;             /* 略浅墨：卡片/侧边栏底 */
    --ink-3:#242420;             /* 更浅墨：hover 态/输入框 */
    --paper:#e8e4dc;             /* 暖白纸：主文字 */
    --paper-dim:#a8a49c;         /* 暖灰：次级文字 */
    --paper-faint:#6b6862;       /* 淡灰：元数据/日期 */
    --line:rgba(232,228,220,.10);    /* 细线：边框/分隔 */
    --line-soft:rgba(232,228,220,.06);
    --gold:#c9a96e;              /* 暖金：唯一强调色 */
    --gold-deep:#b08f55;         /* 暖金深：hover */
    --gold-soft:rgba(201,169,110,.12);
    --gold-glow:rgba(201,169,110,.25);

    /* ===== 语义 token ===== */
    --bg:var(--ink);
    --bg-2:var(--ink-2);
    --bg-3:var(--ink-2);
    --text:var(--paper);
    --muted:var(--paper-dim);
    --faint:var(--paper-faint);
    --line:var(--line);
    --line-soft:var(--line-soft);
    --accent:var(--gold);
    --accent-deep:var(--gold-deep);
    --accent-soft:var(--gold-soft);

    /* 兼容 v1 类名（JS 渲染的卡片复用 v1 类名，需映射） */
    --forest-ink:var(--paper);
    --highlighter-yellow:var(--gold-soft);
    --cream-paper:var(--ink-2);
    --pencil-gray:var(--paper-faint);
    --whisper-gray:var(--ink-3);
    --sticky-teal:rgba(201,169,110,.08);
    --sticky-mint:rgba(201,169,110,.08);
    --sticky-blush:rgba(201,169,110,.08);
    --terracotta:var(--gold);
    --terracotta-deep:var(--gold-deep);
    --ochre:var(--gold);
    --ochre-deep:var(--gold-deep);
    --ochre-soft:var(--gold-soft);
    --pine:#5a8a6e;
    --footer-ic-bg:rgba(201,169,110,.15);
    --footer-ic-ink:var(--gold);
    --footer-url-ink:var(--gold);
    --brand-baidu:#4a8eff;
    --brand-quark:#9b6dff;
    --brand-feishu:#5b8cff;
    --brand-github:#e8e4dc;

    /* ===== 字体 ===== */
    --font-display:'Noto Serif SC','Source Han Serif SC','Songti SC',Georgia,serif;
    --font-body:'Noto Sans SC','PingFang SC','Microsoft YaHei',ui-sans-serif,system-ui,sans-serif;
    --font-mono:'SFMono-Regular','Roboto Mono','Cascadia Mono','Microsoft YaHei',ui-monospace,monospace;
    --font-hand:'Noto Sans SC',ui-sans-serif,system-ui,sans-serif;
    --font-hand-brush:'Noto Serif SC','Source Han Serif SC',Georgia,serif;

    /* ===== 尺度 ===== */
    --container:100%;
    --sidebar-w:260px;
    --nav-h:0px;
    --section-pad:clamp(60px,7vw,100px);
    --r-pill:999px;
    --r-card:14px;
    --r-input:8px;
    --r-nav:0px;

    /* ===== 阴影（暗色微光） ===== */
    --shadow-subtle:rgba(0,0,0,.3) 0 1px 2px;
    --shadow-subtle-2:rgba(0,0,0,.4) 0 1px 3px, rgba(0,0,0,.3) 0 1px 2px;
    --shadow-nav:0 0 0 1px var(--line), 0 8px 32px -8px rgba(0,0,0,.5);
    --ease:cubic-bezier(.22,.61,.36,1);
    --spring:cubic-bezier(.34,1.4,.5,1);

    /* ===== 卡片质感（玻璃态） ===== */
    --grain-card:none;
    --card-shadow:0 1px 0 rgba(255,255,255,.03) inset, 0 4px 20px -8px rgba(0,0,0,.4);
    --card-shadow-hover:0 1px 0 rgba(255,255,255,.05) inset, 0 8px 32px -8px rgba(0,0,0,.5), 0 0 0 1px var(--gold-glow);

    /* ===== 渐变 ===== */
    --cta-grad:linear-gradient(135deg,var(--gold) 0%,var(--gold-deep) 100%);
    --cta-grad-hover:linear-gradient(135deg,var(--gold-deep) 0%,var(--gold) 100%);
    --tip-icon-grad:linear-gradient(135deg,rgba(201,169,110,.15),rgba(201,169,110,.05));
    --feat-grad:linear-gradient(150deg,#1c1c19 0%,#141412 100%);
    --feat-accent:var(--gold);

    /* ===== 辉光 ===== */
    --glow-warm:radial-gradient(circle at 50% 55%, rgba(201,169,110,.10) 0%, rgba(201,169,110,.03) 40%, rgba(201,169,110,0) 70%);
    --shimmer-line:linear-gradient(90deg, transparent 0%, rgba(201,169,110,0) 14%, rgba(201,169,110,.3) 50%, rgba(201,169,110,0) 86%, transparent 100%);
  }