/*
 * rg-tokens.css — 统一设计令牌(阶段 2)
 *
 * 两套主题的公共取值抽到这一层,供大厅与各游戏页复用(阶段 3 逐游戏统一)。
 * 浅色值取自 hub/hub.css(紫色玻璃拟态),深色值取自 rg-theme.hub.css 的
 * 大厅电玩厅风暗色段;此处只换引用、不换值,不改变任何现有视觉。
 *
 * 加载顺序:必须在 rg-theme.js 之后、页面自有 CSS 之前(全站第一个样式表),
 * 这样 rg-theme.css / rg-theme.hub.css 与页面样式都能引用这里的变量。
 * rg-theme.js 在 documentElement 上写 data-color-mode,故暗色令牌挂
 * html[data-color-mode="dark"] 即可,与各游戏的 data-game 选择器无关。
 */
:root {
  /* 表面(浅色):--rg-bg 是整页渐变背景值,深色下退化为纯色 */
  --rg-bg: linear-gradient(168deg, #eceaff 0%, #f6ecff 46%, #fff7fb 100%);
  --rg-surface: #ffffff;
  --rg-surface-2: #f3f2ff;
  --rg-border: rgba(80, 70, 160, .12);
  /* 文字(浅色 accent 为 #6c63ff 紫系) */
  --rg-text: #2a2746;
  --rg-text-dim: #7d7aa0;
  --rg-accent: #6c63ff;
  --rg-on-accent: #fff;
  /* 圆角:明暗统一,lg=24px */
  --rg-r-sm: 11px;
  --rg-r-md: 15px;
  --rg-r-lg: 24px;
  /* 阴影(浅色柔和):1=卡片级,2=弹层级 */
  --rg-shadow-1: 0 8px 24px rgba(90, 70, 180, .16);
  --rg-shadow-2: 0 22px 60px rgba(40, 30, 90, .4);
  /* 等宽数字(战绩/计分) */
  --rg-font-num: ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace;

  /*
   * 共享账号 chrome 的暗色板(--rg-night-*)。
   * 原在 rg-theme.css 与 rg-theme.hub.css 的 :root 里各存一份重复定义,
   * 现收敛到此处单一来源;两个主题文件的 chrome 规则仍引用这些变量。
   * 注意:这是账号 chrome 的暖灰暗色,与大厅电玩厅风令牌是两套取值,勿混用。
   */
  --rg-night-bg: #1b1d21;
  --rg-night-bg-deep: #16181c;
  --rg-night-surface: #24272d;
  --rg-night-surface-2: #2c3037;
  --rg-night-surface-3: #363b44;
  --rg-night-text: #f2ede2;
  --rg-night-muted: #a9adb4;
  --rg-night-line: rgba(242, 237, 226, .12);
  --rg-night-shadow: rgba(7, 8, 11, .30);
  --rg-night-accent: #9187df;
  --rg-night-accent-2: #b0a7ee;
}

html[data-color-mode="dark"] {
  /* 表面(深色 = 电玩厅风):深底、暗面板、实色边框 */
  --rg-bg: #12141c;
  --rg-surface: #1a1d29;
  --rg-surface-2: #222635;
  --rg-border: #2a2e3d;
  /* 文字(深色 accent 为霓虹青) */
  --rg-text: #dfe3ee;
  --rg-text-dim: #7a8099;
  --rg-accent: #7ef0d4;
  --rg-on-accent: #0b2b23;
  /* 阴影(深色几乎无,仅保留轻微层次) */
  --rg-shadow-1: 0 12px 26px rgba(0, 0, 0, .30);
  --rg-shadow-2: 0 24px 70px rgba(0, 0, 0, .55);
}

/*
 * 通用按钮:两种主题下都成立,阶段 3 各游戏复用。
 * 只引用上面的令牌,不引入任何单主题硬编码。
 */
.rg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 18px;
  border: 1px solid var(--rg-border);
  border-radius: var(--rg-r-sm);
  background: var(--rg-surface);
  color: var(--rg-text);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform .12s ease, filter .2s ease, border-color .2s ease;
}
.rg-btn:hover { filter: brightness(1.05); }
.rg-btn:active { transform: translateY(1px) scale(.99); }
.rg-btn:focus-visible {
  outline: 3px solid var(--rg-accent);
  outline-offset: 2px;
}
.rg-btn:disabled { opacity: .6; cursor: default; }
.rg-btn--primary {
  background: var(--rg-accent);
  border-color: transparent;
  color: var(--rg-on-accent);
}