/* ============================================================
   研弈门户 · Design Tokens
   橙色主调（取自主题 B 赤陶暖食 #E2742E）
   规则：组件样式一律引用变量，禁止硬编码颜色（#fff/#000 除外）
   ============================================================ */
:root {
  /* —— 品牌色 —— */
  --color-primary: #E2742E;          /* 主橙 */
  --color-primary-dark: #B84E1C;     /* 深橙，强调/渐变收尾 */
  --color-primary-soft: #FBEFE6;     /* 浅橙底，区块背景 */
  --color-primary-ring: rgba(226, 116, 46, 0.18);

  /* —— 中性墨色 —— */
  --color-ink: #1F2430;             /* 标题 */
  --color-body: #3A3F4B;            /* 正文 */
  --color-muted: #6B7280;           /* 次要文字 */
  --color-faint: #9AA1AC;           /* 更弱 */

  /* —— 背景与面 —— */
  --color-bg: #FFFFFF;
  --color-bg-warm: #FAF7F2;         /* 暖白，分区底 */
  --color-surface: #FFFFFF;
  --color-surface-2: #F6F4F0;

  /* —— 边框 —— */
  --color-border: #ECECEC;
  --color-border-strong: #DADCE0;

  /* 深色块上的文字色（唯一允许的半透明色，走变量不硬编码） */
  --color-on-dark: rgba(255, 255, 255, 0.80);
  --color-on-dark-strong: #FFFFFF;

  /* —— 字体 —— */
  --font-sans: 'Inter', 'Noto Sans SC', system-ui, -apple-system, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;

  /* —— 圆角 —— */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* —— 阴影（克制，不用发光） —— */
  --shadow-sm: 0 1px 2px rgba(31, 36, 48, 0.06);
  --shadow-md: 0 6px 20px rgba(31, 36, 48, 0.08);
  --shadow-lg: 0 16px 40px rgba(31, 36, 48, 0.10);

  /* —— 间距尺度 —— */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* —— 容器 —— */
  --container: 1120px;
  --container-narrow: 760px;

  /* —— 缓动（禁止弹跳 cubic-bezier 弹性） —— */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.22s;
}