/*
 * whitebox-v7.7.css — 独立设计系统
 *
 * 路线 B 核心思想：v7.7 完全不加载 v6/v7/v75/v76 任何 CSS
 *   → 没有 base CSS 渗透 → 没有 specificity 战斗 → 一次写完不用打补丁
 *
 * 设计语言：v2 美学底盘 + Dark Luxury 金色 4 阶 tokens
 *
 * 命名空间：body.tactical-v77（v1.2 refactor 后已移除 tactical-v76 hack）
 *
 * 章节：
 *   1.  Design Tokens
 *   2.  Reset + Typography
 *   3.  Body Layout
 *   4.  通用 panel 基础
 *   5.  Team Profile / Coach Scout（含 side-* 内文字类）
 *   6.  HUD（#header / 比分 / 能量 / 对手）
 *   7.  Match Stage（HUD + 战术板容器）
 *   8.  Intent Row（本回合 + 下回合 + 装饰元素隐藏）
 *   9.  Event Box
 *   10. Deck Row
 *   11. Result Box（含 attribution / state-grid / 继续按钮 / 提示）
 *   12. Cards（含 hotfix-2 全装饰清扫）
 *   13. Hand Bar + End Turn
 *   14. Reward Box（含 archetype summary）
 *   15. Gameover
 *   16. Bottom Log
 *   17. Pick Coach
 *   18. Coach Callout
 *   19. Threat Meter / Status Chips
 *   20. Responsive
 *   21. Responsive
 */

/* ============================================================
 * 1. Design Tokens
 * ============================================================ */

:root {
  /* === 背景 4 层（v2 风格）=== */
  --bg-deepest: #1a1a1a;
  --bg-base: #1e1e1e;
  --bg-panel: #252525;
  --bg-card: #2a2a2a;

  /* === 金色 4 阶（Dark Luxury 风格）=== */
  --gold-light: #f0d99b;
  --gold-primary: #f0d99b;
  --gold-dim: #c9953a;
  --gold-dark: #a07830;
  --gold-glow: rgba(229, 181, 103, 0.15);
  --gold-glow-strong: rgba(229, 181, 103, 0.30);

  /* === 文字 4 阶 === */
  --text-primary: #e8e8e8;
  --text-main: #ccc;
  --text-dim: #888;
  --text-muted: #555;

  /* === 功能色 === */
  --green: #7ed79a;
  --green-dim: #2d7a30;
  --red: #c44a4a;
  --red-dim: #9a2e2c;
  --orange: #e8c15a;
  --blue: #6db3ff;

  /* === 边框 === */
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-default: #444;
  --border-strong: #555;
  --border-gold: rgba(229, 181, 103, 0.20);

  /* === 圆角（C 线设计系统：直角）=== */
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;

  /* === 阴影 === */
  --shadow-card: 3px 3px 0 rgba(0, 0, 0, 0.3);
  --shadow-gold-glow: 3px 3px 0 rgba(229, 181, 103, 0.15);

  /* === 字体 === */
  --font-main: 'Menlo', 'Consolas', 'Courier New', monospace;

  /* === 间距 === */
  --gap-module: 12px;
}