/* =======================================================
   ui-tokens.css —— 钞英联萌 UI 设计令牌（唯一色值出处）
   详见 docs/ui-design-spec.md
   所有组件与界面 CSS 一律 var() 引用，禁止硬编码色值。
   ======================================================= */

:root {
  /* ===== 1.1 主色与中性 ===== */
  --ui-gold: #d8a645;
  --ui-gold-bright: #f0c86d;
  --ui-gold-pale: #ffe5a3;
  --ui-panel-bg: #12232c;
  --ui-panel-bg-2: #0b1518;
  --ui-text: #f0ebd8;
  --ui-text-dim: #998d6a;
  --ui-border: #6f5a2a;
  --ui-border-dim: #4e3d1d;
  --ui-inset-border: #463a1c;

  /* ===== 1.2 金阶 ramp（深→浅，6 阶，7 色） ===== */
  --ui-gold-r1: #4a2f10;
  --ui-gold-r2: #6b4517;
  --ui-gold-r3: #926321;
  --ui-gold-r4: #bc8732;
  --ui-gold-r5: #d8a645;
  --ui-gold-r6: #f0c86d;
  --ui-gold-r7: #ffe5a3;

  /* ===== 1.3 语义色 ===== */
  --ui-danger: #ff8f85;
  --ui-success: #7fdc4f;
  --ui-accent: #7b9fff;
  --ui-warn: #ff9e7a;

  /* ===== 1.4 透明叠层 ===== */
  --ui-overlay: rgba(0, 0, 0, 0.65);
  --ui-glass-bg: rgba(18, 35, 44, 0.72);
  --ui-glass-blur: blur(8px);
  --ui-shadow-deep: 0 8px 32px rgba(0, 0, 0, 0.6);
  --ui-shadow-inset: inset 0 0 24px rgba(0, 0, 0, 0.4);
  --ui-shadow-glow: 0 0 20px rgba(216, 166, 69, 0.18);
  --ui-top-hl: inset 0 1px 0 rgba(255, 255, 255, 0.08);

  /* ===== 2.1 字体族 ===== */
  --ui-font-title: "Noto Serif SC", "STSong", "SimSun", serif;
  --ui-font-body: "Microsoft YaHei", "PingFang SC", system-ui, -apple-system, sans-serif;
  --ui-font-num: "DIN Alternate", "Tabular Nums", var(--ui-font-body);

  /* ===== 2.2 字号层级 ===== */
  --ui-fs-display: 24px;
  --ui-fs-title: 17px;
  --ui-fs-panel-title: 15px;
  --ui-fs-body: 14px;
  --ui-fs-meta: 12px;
  --ui-fs-mini: 10px;

  /* ===== 3 圆角 ===== */
  --ui-radius-sm: 4px;
  --ui-radius-md: 8px;
  --ui-radius-panel: 6px;
  --ui-radius-card: 7px;
  --ui-radius-lg: 12px;

  /* ===== 5.1 间距（4px 网格） ===== */
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;

  /* ===== 6.1 动效时长与缓动 ===== */
  --ui-dur-fast: 90ms;
  --ui-dur-base: 160ms;
  --ui-ease: cubic-bezier(0.4, 0, 0.2, 1);

  /* ===== 兼容映射：现有 3d.css --hud-* 指向 --ui-* ===== */
  --hud-bg: var(--ui-glass-bg);
  --hud-border: rgba(111, 90, 42, 0.5);
  --hud-gold: var(--ui-gold);
  --hud-text: var(--ui-text);
  --hud-dim: var(--ui-text-dim);
  --hud-accent: var(--ui-accent);
  --glass-blur: var(--ui-glass-blur);
  --shadow-deep: var(--ui-shadow-deep);
  --shadow-glow: var(--ui-shadow-glow);
}