/* ==========================================================================
   对决三国 · 主题令牌 v2「棋局街机」
   亮色、冷灰底、青碧主色 + 琥珀强调，圆角卡片 + 轻投影。
   与上一版（宣纸朱印）完全不同的视觉语言：不用纸纹、不用硬边黑框、不用印章。
   ========================================================================== */
:root {
  /* —— 底色与层次 —— */
  --bg: #f1f5fb;
  --bg-2: #ffffff;
  --bg-3: #e7eefa;
  --bg-4: #dbe6f6;

  /* —— 文字 —— */
  --ink: #111a2c;
  --ink-2: #46536b;
  --ink-3: #5f6c86;
  --ink-4: #98a3b8;

  /* —— 主色：青碧 —— */
  --teal: #0e9b8d;
  --teal-d: #0a7a6f;
  --teal-l: #3fbcb0;
  --teal-t: #e1f5f2;

  /* —— 强调：琥珀 —— */
  --amber: #ffb020;
  --amber-d: #a9700a;
  --amber-t: #fff3d8;

  /* —— 次强调：珊瑚 —— */
  --coral: #ff5f4d;
  --coral-d: #cf3b2a;
  --coral-t: #ffe8e4;

  /* —— 阵营 / 语义色 —— */
  --blue: #3b6fe0;
  --blue-t: #e6edfd;
  --violet: #7c5cf0;
  --violet-t: #efeafd;
  --green: #2aa457;

  /* —— 线条与阴影 —— */
  --line: #e2eaf6;
  --line-2: #cddcf0;
  --sh-1: 0 2px 10px rgba(21, 48, 92, 0.06);
  --sh-2: 0 10px 28px rgba(21, 48, 92, 0.1);
  --sh-3: 0 22px 52px rgba(21, 48, 92, 0.16);
  --sh-press: inset 0 -3px 0 rgba(0, 0, 0, 0.16);

  /* —— 圆角 —— */
  --r-xs: 8px;
  --r-sm: 12px;
  --r: 18px;
  --r-lg: 26px;
  --r-pill: 999px;

  /* —— 字体 —— */
  --font: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-num: "Bahnschrift", "DIN Alternate", "PingFang SC", sans-serif;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-md: 17px;
  --fs-lg: 20px;
  --fs-xl: 24px;
  --fs-2xl: 30px;
  --fs-3xl: 38px;
  --fs-4xl: 48px;
  --fs-5xl: 60px;

  /* —— 版面 —— */
  --wrap: 1180px;
  --gutter: 24px;
  --header-h: 70px;

  /* —— 层级 —— */
  --z-header: 60;
  --z-drawer: 70;
  --z-lightbox: 90;
  --z-toast: 95;

  /* —— 旧变量别名（页面内联样式仍在用） —— */
  --paper: var(--bg);
  --paper-2: var(--bg-2);
  --paper-3: var(--bg-3);
  --ink-soft: var(--ink-2);
  --ink-faint: var(--ink-3);
  --zhu: var(--coral);
  --zhu-dark: var(--coral-d);
  --zhu-tint: var(--coral-t);
  --jin: var(--amber);
  --jin-dark: var(--amber-d);
  --jin-tint: var(--amber-t);
  --qing: var(--teal);
  --qing-tint: var(--teal-t);
  --lan: var(--blue);
  --lan-tint: var(--blue-t);
  --cream: #ffffff;
  --cream-soft: var(--ink-3);
  --sans: var(--font);
  --kai: var(--font);
  --lat: var(--font-num);
}