/*
 * PB Arena GUI 主题变量层。
 *
 * 给老师的修改提示：只改每行冒号右侧的值，保留变量名、冒号、分号以及
 * :root / body.dark 两个外层结构。这样不会碰页面结构、交互代码或接口。
 */

:root {
  /* 亮色主题 */
  --bg: #fafaf8;
  --paper: #ffffff;
  --stage: #f2f2ef;
  --ink: #171717;
  --muted: #6b6b68;
  --line: #e3e2dd;
  --accent: #ff5a52;
  --accent-deep: #e6453d;
  --green: #3ea36e;

  /* 字体：如需引入新字体，请写入结构需求，不要在这里加外链 */
  --sans: "Noto Sans SC", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --serif: var(--sans);
  --mono: "DM Mono", monospace;

  /* 圆角与弹窗阴影 */
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --shadow: 0 14px 40px rgba(23, 23, 23, 0.1);
}

body.dark {
  /* 暗色主题；没有列出的变量会沿用上面的值 */
  --bg: #121212;
  --paper: #1b1b1b;
  --ink: #f2f2f0;
  --muted: #9a9a96;
  --line: #2e2e2c;
  --shadow: 0 14px 40px rgba(0, 0, 0, 0.4);
}