/* ============================================================
   KARDS 军械库 —— 设计令牌
   定调：工业实用 / 二战军用档案
   主色 深橄榄墨绿 60% · 卡其纸 30% · 军械黄强调 10%
   ============================================================ */

@font-face {
  font-family: 'Archivo Black';
  src: url('https://fonts.gstatic.com/s/archivoblack/v21/HTxqL289NzCGg4MzN6KJ7eW6OYuP_x7yx3A.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC;
}

:root {
  /* ---------- 表面层：深橄榄墨绿 ---------- */
  --color-bg:        #101309;
  --color-bg-deep:   #0a0c06;
  --color-surface:   #1a1e12;
  --color-surface-2: #232819;
  --color-surface-3: #2d331f;
  --color-raised:    #333a24;

  /* ---------- 文字：卡其纸色 ---------- */
  --color-text:      #e9e4d4;
  --color-text-2:    #c3bda8;
  --color-muted:     #8f8a76;
  --color-faint:     #6b6754;

  /* ---------- 强调：军械黄（唯一强调色） ---------- */
  --color-accent:      #e0a13a;
  --color-accent-hot:  #ffc145;
  --color-accent-dim:  rgba(224, 161, 58, 0.16);
  --color-accent-line: rgba(224, 161, 58, 0.42);

  /* ---------- 语义 ---------- */
  --color-ink:      #12140c;
  --color-paper:    #e6e0cc;
  --color-paper-2:  #d5cdb4;
  --color-ok:       #7ea84e;
  --color-warn:     #d4703a;
  --color-danger:   #c04a3e;

  /* ---------- 阵营色（对齐卡牌实际配色） ---------- */
  --f-USA:      #4a7fb5;
  --f-Soviet:   #c05548;
  --f-Germany:  #6f7a52;
  --f-Britain:  #4a8a72;
  --f-Japan:    #b45c6e;
  --f-France:   #5f7fa8;
  --f-Italy:    #6f8f5a;
  --f-Poland:   #a86f5c;
  --f-Finland:  #7a8ba8;
  --f-Anzac:    #96874a;
  --f-Neutral:  #8a8578;

  /* ---------- 稀有度 ---------- */
  --r-Standard: #9b9683;
  --r-Limited:  #5b9bd5;
  --r-Special:  #b5854e;
  --r-Elite:    #d4af52;

  /* ---------- 边框与分隔 ---------- */
  --border:        rgba(233, 228, 212, 0.11);
  --border-strong: rgba(233, 228, 212, 0.2);
  --border-accent: rgba(224, 161, 58, 0.4);
  --hairline:      1px solid var(--border);

  /* ---------- 间距梯度 ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 36px;
  --space-7: 56px;
  --space-8: 88px;

  /* ---------- 圆角：军用档案几乎不用圆角 ---------- */
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 8px;

  /* ---------- 阴影：带环境色（暖绿），不用纯黑 ---------- */
  --shadow-1: 0 2px 8px rgba(6, 8, 3, 0.5);
  --shadow-2: 0 8px 28px rgba(6, 8, 3, 0.6);
  --shadow-3: 0 24px 64px rgba(6, 8, 3, 0.7);
  --shadow-card: 0 3px 12px rgba(6, 8, 3, 0.55);
  --shadow-lift: 0 12px 32px rgba(6, 8, 3, 0.66);

  /* ---------- 动效 ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-base: 300ms;
  --dur-slow: 620ms;

  /* ---------- 字体 ---------- */
  --font-display: 'Archivo Black', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-body: 'IBM Plex Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-cn: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'IBM Plex Mono', 'SF Mono', 'Menlo', monospace;

  /* ---------- 布局 ---------- */
  --topbar-h: 58px;
  --sidebar-w: 268px;
  --page-max: 1560px;

  /* ---------- 卡牌比例（实体卡 63×88mm ≈ 1:1.397） ---------- */
  --card-ratio: 500 / 702;
  --card-w: 168px;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    --motion-safe: 1;
  }
}