/* ==========================================================================
   澄清南北 · 设计令牌（Design Tokens）唯一真值来源
   气质：南北朝政治档案 + 史官记录 + 舆图奏报 + 现代信息驾驶舱。
   约束：低饱和暖纸色系；靛青/黛蓝为主信息色；朱砂仅小面积示警；
   泥金仅用于 GM 徽记等极少点缀；禁止暗红堆砌、亮金、亮蓝。
   说明：所有组件与页面只允许引用本文件变量，禁止新增硬编码色值。
   断点约定（CSS 变量不能用于媒体查询，全站统一）：
   桌面 ≥1025px；平板 ≤1024px 右栏下落；手机 ≤768px 单列；小屏 ≤480px 触控优化。
   ========================================================================== */
:root {
  color-scheme: light;

  /* ---- 纸面与面板 ---- */
  --cqnb-bg: #f7f3ea;            /* 纸面底色 */
  --cqnb-bg-soft: #efe9db;       /* 凹陷/次级区域 */
  --cqnb-panel: #fffdf7;         /* 面板 */
  --cqnb-panel-raised: #ffffff;  /* 浮起控件（输入框等） */

  /* ---- 墨色文字 ---- */
  --cqnb-ink: #2b2620;           /* 主文字 */
  --cqnb-ink-soft: #4c453c;      /* 次强文字 */
  --cqnb-muted: #6b6257;         /* 次要/说明文字 */
  --cqnb-faint: #8d8478;         /* 占位/禁用文字 */

  /* ---- 分隔线（统一走墨色透明度） ---- */
  --cqnb-line: rgba(43, 38, 32, .14);
  --cqnb-line-strong: rgba(43, 38, 32, .24);
  --cqnb-line-faint: rgba(43, 38, 32, .08);

  /* ---- 主信息色：靛青/黛蓝 ---- */
  --cqnb-accent: #33566b;
  --cqnb-accent-strong: #264252;
  --cqnb-accent-soft: #e3ebf0;
  --cqnb-accent-faint: #eff4f7;

  /* ---- 语义色（均配浅底+深字，不只靠颜色辨识） ---- */
  --cqnb-info: #33566b;
  --cqnb-info-soft: #e3ebf0;
  --cqnb-success: #3f6b4f;
  --cqnb-success-soft: #e4ede6;
  --cqnb-warning: #8a6420;
  --cqnb-warning-soft: #f4ecd8;
  --cqnb-danger: #a63d2a;        /* 克制朱砂，仅小面积 */
  --cqnb-danger-strong: #8f3323;
  --cqnb-danger-soft: #f5e4de;
  --cqnb-on-accent: #ffffff;     /* 深底按钮/徽标上的文字色 */
  --cqnb-neutral: #5c554b;
  --cqnb-neutral-soft: #ece7dc;
  --cqnb-gold: #9a7b2d;          /* 泥金：GM 徽记/首都等极少点缀 */
  --cqnb-gold-soft: #f3ecd4;

  /* ---- 顶栏身份色（GM 墨褐 / 玩家黛蓝，沿用既有身份区分） ---- */
  --cqnb-header-gm: linear-gradient(120deg, #2a2420, #3d332b);
  --cqnb-header-player: linear-gradient(120deg, #1d3644, #33566b);
  --cqnb-header-ink: #f4efe4;
  --cqnb-header-chip-bg: rgba(255, 253, 247, .12);
  --cqnb-header-chip-line: rgba(255, 253, 247, .32);

  /* ---- 字体栈 ---- */
  --cqnb-font-title: "Songti SC", "STSong", "Noto Serif CJK SC", serif;
  --cqnb-font-body: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --cqnb-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  /* 碑刻式展示标题（魏碑/造像记气质）：仅用于大捷/战役名/百筹等一级标题。
     当前仓库无合法魏碑字体资产，先以宋体碑刻栈近似；接入合法字体时只改本变量。 */
  --cqnb-font-display: "Songti SC", "STSong", "Noto Serif CJK SC", "SimSun", serif;

  /* ---- 字号层级 ---- */
  --cqnb-text-xs: 11px;
  --cqnb-text-sm: 12px;
  --cqnb-text-md: 13px;
  --cqnb-text-lg: 15px;
  --cqnb-text-xl: 18px;
  --cqnb-text-2xl: 22px;
  --cqnb-text-3xl: 28px;

  /* ---- 间距刻度 ---- */
  --cqnb-space-1: 4px;
  --cqnb-space-2: 8px;
  --cqnb-space-3: 12px;
  --cqnb-space-4: 16px;
  --cqnb-space-5: 20px;
  --cqnb-space-6: 24px;
  --cqnb-space-8: 32px;

  /* ---- 圆角（3–6px 克制） ---- */
  --cqnb-radius-sm: 3px;
  --cqnb-radius: 5px;
  --cqnb-radius-lg: 6px;
  --cqnb-radius-pill: 999px;

  /* ---- 阴影（极轻） ---- */
  --cqnb-shadow-sm: 0 1px 2px rgba(43, 38, 32, .07);
  --cqnb-shadow: 0 2px 8px rgba(43, 38, 32, .10);
  --cqnb-shadow-lg: 0 12px 32px rgba(43, 38, 32, .18);

  /* ---- 控件尺寸（触控目标 ≥40px） ---- */
  --cqnb-control-h: 40px;
  --cqnb-button-h: 40px;
  --cqnb-button-h-sm: 32px;

  /* ---- 布局 ---- */
  --cqnb-content-max: 1680px;
  --cqnb-content-narrow: 1100px;
  --cqnb-header-h: 56px;
  --cqnb-sidebar-w: 400px;

  /* ---- 动效（只动 opacity/transform） ---- */
  --cqnb-motion-fast: 150ms ease;
  --cqnb-motion: 200ms ease;
  --cqnb-motion-slow: 250ms ease;
  /* 掷筹揭晓 / 重大战果节奏：短、可跳过、不阻塞（reduced-motion 下归零） */
  --cqnb-motion-reveal: 900ms cubic-bezier(.22, .9, .3, 1);
  --cqnb-motion-major: 1300ms cubic-bezier(.22, .9, .3, 1);

  /* ---- 层级 ---- */
  --cqnb-z-sticky: 30;
  --cqnb-z-overlay: 60;
  --cqnb-z-modal: 200;
  --cqnb-z-dialog: 100000;
  --cqnb-z-toast: 100100;

  /* ---- 战幕：Battle Flow 全屏流程压暗背景（保留舆图地理上下文） ---- */
  --cqnb-scrim: rgba(24, 30, 36, .52);

  /* ---- 舆图色盘（低饱和统一色系） ---- */
  --cqnb-map-bg: #e9e0cb;
  --cqnb-map-paper-1: #ece3cd;
  --cqnb-map-paper-2: #ddd0b4;
  --cqnb-map-shell: #cfc3ab;
  --cqnb-map-shell-line: #a9967a;
  --cqnb-map-grid: rgba(93, 80, 65, .07);
  --cqnb-map-tint-warm: rgba(183, 155, 90, .30);
  --cqnb-map-tint-green: rgba(140, 165, 120, .30);
  --cqnb-map-blocked: #8c8275;
  --cqnb-river-bed: #4e7186;
  --cqnb-river: #7ba3b5;
  --cqnb-river-glint: #d4e5ec;
  --cqnb-yellow-bed: #8a6f38;
  --cqnb-yellow: #b99a55;
  --cqnb-yellow-glint: #e8d7a6;
  --cqnb-yangtze-shade: #2c4a5c;
  --cqnb-yangtze-bank: #33586e;
  --cqnb-yangtze: #46748e;
  --cqnb-yangtze-glint: #bcd6e2;
  --cqnb-yangtze-flow: #2c5468;
  --cqnb-mtn-back: #a89a85;
  --cqnb-mtn-back-line: #8a7a66;
  --cqnb-mtn-front: #7e6f59;
  --cqnb-mtn-front-line: #655747;
  --cqnb-mtn-ridge: #5d5041;
  --cqnb-mtn-shadow: rgba(93, 80, 65, .14);
  --cqnb-forest-floor: #4f6b4a;
  --cqnb-forest-crown: #4a6b45;
  --cqnb-forest-crown2: #5d7c52;
  --cqnb-forest-trunk: #5c4936;
  --cqnb-sea: #c3dbe6;
  --cqnb-sea-line: #7fa3b5;
  --cqnb-wall: #857458;
  --cqnb-gate: #5b4c3c;
  --cqnb-pass-wall: #4c443a;
  --cqnb-pass-stone: #655a4c;
  --cqnb-pass-ink: #f4ecdb;
  --cqnb-city-paper-1: #f7efdf;
  --cqnb-city-paper-2: #e9dcc4;
  --cqnb-city-fallback: #857458;  /* 势力色缺省 */
  --cqnb-movable: #3f6b4f;
  --cqnb-attackable: #a63d2a;
  --cqnb-select: #9a7b2d;         /* 选中描边：泥金（舆图语义） */
  --cqnb-select-soft: rgba(154, 123, 45, .28);
  --cqnb-road: #8a6f45;
  --cqnb-terrain-label: #6b5844;
  --cqnb-water-label: #3f6b80;
  --cqnb-army-ink: #fff7e9;
  --cqnb-army-flag: #895331;
  --cqnb-army-pole: #3d2f22;
  --cqnb-army-rank: #5d4a38;
  --cqnb-army-rank-border: #6a7a84;
  --cqnb-army-shadow: rgba(31, 22, 14, .32);
  --cqnb-army-tag-bg: rgba(43, 32, 22, .88);

  /* ---- 军情疑影（FOG_UNKNOWN_ARMY_VISUAL_R1）：战争迷雾下的未知敌军 ---- */
  --cqnb-intel-unknown-ink: #5c564c;            /* 疑影灰兵模：中性铁灰，无势力色相 */
  --cqnb-intel-ghost-opacity: .55;              /* 旧军情（lastKnown ghost）本回合档透明度 */
  --cqnb-intel-ghost-stale-1: .42;              /* 上一回合旧情报 */
  --cqnb-intel-ghost-stale-2: .3;               /* 两回合及更早旧情报 */

  /* ---- 焦点环 ---- */
  --cqnb-focus: #33566b;
  --cqnb-focus-ring: 0 0 0 2px var(--cqnb-panel), 0 0 0 4px var(--cqnb-focus);

  /* ---- 朝廷视觉系统：统一纸面、案牍与五曹 accent ---- */
  --court-ground: #d5d1c5;
  --court-paper: #e8e5dc;
  --court-paper-deep: #d9d5c9;
  --court-paper-raised: #eeece5;
  --court-ink: #292c2a;
  --court-ink-muted: #686c68;
  --court-ink-faint: #8a8c86;
  --court-line: rgba(52, 57, 54, .18);
  --court-line-strong: rgba(52, 57, 54, .34);
  --court-lacquer: #263d42;
  --court-indigo: #40575b;
  --court-vermilion: #974838;
  --court-old-gold: #85765b;
  --court-gold: var(--court-old-gold);
  --court-iron: #555b5b;
  --court-shadow: 0 2px 7px rgba(38, 43, 40, .10);
  --court-shadow-raised: 0 1px 3px rgba(38, 43, 40, .08);
  --court-shadow-modal: 0 14px 34px rgba(27, 34, 33, .24);
  --court-header: var(--court-lacquer);
  --court-texture-paper: repeating-linear-gradient(0deg, rgba(47, 52, 49, .025) 0, rgba(47, 52, 49, .025) 1px, transparent 1px, transparent 5px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .08) 0, rgba(255, 255, 255, .08) 1px, transparent 1px, transparent 7px);
  --court-texture-dark: repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0, rgba(255, 255, 255, .035) 1px, transparent 1px, transparent 8px), repeating-linear-gradient(0deg, rgba(0, 0, 0, .035) 0, rgba(0, 0, 0, .035) 1px, transparent 1px, transparent 5px);
  --office-shangshu: #8d3f2d;
  --office-duzhi: #956a36;
  --office-zuomin: #55705e;
  --office-wubing: #51565a;
  --office-zhuke: #4f5969;
}

.player-page {
  --court-office-accent: var(--office-shangshu);
  --court-office-paper: var(--court-paper);
}
.player-page[data-court-office="duzhicao"] { --court-office-accent: var(--office-duzhi); --court-office-paper: #f4ecdc; }
.player-page[data-court-office="zuomincao"] { --court-office-accent: var(--office-zuomin); --court-office-paper: #eef0e4; }
.player-page[data-court-office="wubingcao"] { --court-office-accent: var(--office-wubing); --court-office-paper: #ececeb; }
.player-page[data-court-office="zhukecao"] { --court-office-accent: var(--office-zhuke); --court-office-paper: #e9edf0; }

/* ---- 全局动效降级：reduced-motion 时一切动画/过渡关闭 ---- */
@media (prefers-reduced-motion: reduce) {
  :root {
    --cqnb-motion-fast: 0ms linear;
    --cqnb-motion: 0ms linear;
    --cqnb-motion-slow: 0ms linear;
    --cqnb-motion-reveal: 0ms linear;
    --cqnb-motion-major: 0ms linear;
  }
}