/* ============================================================
   Stratego · 作战地图风 · 设计令牌
   主色 60：羊皮纸底 / 辅助 30：橄榄墨 / 强调 10：作战红
   ============================================================ */
:root {
  /* 色彩 */
  --color-bg: #e9e1ca;          /* 羊皮纸 */
  --color-bg-deep: #dfd5b8;     /* 深一度的纸 */
  --color-card: #f1ebd9;        /* 卡面 */
  --color-ink: #24231b;         /* 橄榄墨（近黑） */
  --color-ink-soft: #565349;    /* 次级文字 */
  --color-muted: #7b776a;       /* 弱文字（仅大字用） */
  --color-accent: #b3261e;      /* 作战红 */
  --color-accent-deep: #8d1d17; /* 按钮按压态 */
  --color-blue: #2f4d7a;        /* 我军蓝 */
  --color-olive: #4a5240;       /* 军橄榄 */
  --color-line: rgba(36, 35, 27, 0.22);
  --color-line-soft: rgba(36, 35, 27, 0.12);

  /* 字体 */
  --font-display: "Black Ops One", "IBM Plex Sans", serif;
  --font-body: "IBM Plex Sans", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;

  /* 字阶（1.25 模数） */
  --fs-300: 0.78rem;
  --fs-400: 0.95rem;
  --fs-500: 1.15rem;
  --fs-600: 1.45rem;
  --fs-700: 1.9rem;
  --fs-800: clamp(2.4rem, 5vw, 3.6rem);
  --fs-hero: clamp(2.7rem, 10.5vw, 7rem);

  /* 间距 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;

  /* 圆角与阴影（低圆角，军事图纸感） */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --shadow-1: 0 2px 8px rgba(36, 35, 27, 0.14);
  --shadow-2: 0 8px 28px rgba(36, 35, 27, 0.20);
  --shadow-3: 0 24px 64px rgba(36, 35, 27, 0.30);

  /* 动效 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;
}