/* ==========================================================================
   DIMS LTD — 设计令牌层  v3
   方向：Industrial Luxe / Brass（工业豪华 · 黄铜）
   策略：近黑底 + 黄铜金属渐变强调 + 发丝线 + 等宽数据
   ========================================================================== */

:root {
  /* ---- 色彩：60% 主面 / 30% 中性面 / 10% 强调 ---- */
  --color-bg:        #0b0a09;   /* 暖调近黑，避免纯 #000 */
  --color-bg-deep:   #070605;
  --color-surface:   #15120f;
  --color-surface-2: #1e1a15;
  --color-surface-3: #272119;
  --color-text:      #f5f0e6;   /* 近白暖调 */
  --color-muted:     #a89e8d;
  --color-faint:     #6f6759;

  /* ---- 黄铜：单一强调色的多层级表达 ---- */
  --color-accent:      #f0b429;
  --color-accent-lit:  #ffe6a3;
  --color-accent-deep: #b8871a;
  --color-accent-dark: #6d5115;
  --color-accent-dim:  rgba(240, 180, 41, .14);

  --color-border: rgba(245, 240, 230, .13);
  --color-line:   rgba(245, 240, 230, .07);

  /* ---- 金属渐变 ---- */
  --grad-brass-text: linear-gradient(96deg,
      #dfa927 0%, #fff2c9 30%, #f7cd55 48%, #ffecb4 62%, #cf9c22 100%);
  --grad-brass-rule: linear-gradient(90deg,
      transparent 0%, rgba(240,180,41,.45) 16%, rgba(255,232,170,.9) 50%,
      rgba(240,180,41,.45) 84%, transparent 100%);
  --grad-brass-frame: linear-gradient(155deg,
      rgba(255,226,150,.62) 0%, rgba(240,180,41,.28) 26%,
      rgba(240,180,41,.05) 52%, rgba(240,180,41,.24) 88%);
  --grad-brass-btn: linear-gradient(100deg, #a9781a 0%, #e8b52c 26%, #ffe6a3 50%, #e0a924 74%, #8f6514 100%);
  --grad-panel: linear-gradient(168deg, #1d1913 0%, #14110d 58%, #0e0c09 100%);
  --grad-veil: linear-gradient(180deg, rgba(11,10,9,0) 0%, rgba(11,10,9,.72) 72%, var(--color-bg) 100%);

  /* ---- 字族 ---- */
  --font-display: 'Archivo Black', 'Noto Sans SC', 'Impact', sans-serif;
  --font-body:    'IBM Plex Sans', 'Noto Sans SC', 'PingFang SC',
                  'Microsoft YaHei', sans-serif;
  --font-mono:    'IBM Plex Mono', 'SFMono-Regular', Menlo, monospace;

  /* ---- 字阶：1.25 模数 ---- */
  --fs-3xs: 10px;
  --fs-2xs: 12px;
  --fs-xs:  13px;
  --fs-sm:  15px;
  --fs-base:17px;
  --fs-md:  21px;
  --fs-lg:  26px;
  --fs-xl:  33px;
  --fs-2xl: 41px;
  --fs-3xl: 51px;
  --fs-4xl: 64px;
  --fs-hero: clamp(40px, 6.8vw, 88px);
  --fs-stat: clamp(34px, 4.6vw, 62px);

  /* ---- 间距梯度 ---- */
  --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;
  --space-10:136px; --space-11:180px;

  /* ---- 圆角：工业感，刻意偏小 ---- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  /* ---- 阴影：带环境色而非纯黑 ---- */
  --shadow-1: 0 2px 10px rgba(0,0,0,.42);
  --shadow-2: 0 14px 38px rgba(0,0,0,.50);
  --shadow-3: 0 30px 78px rgba(0,0,0,.60);
  --shadow-brass: 0 18px 52px rgba(184, 135, 26, .22);

  /* ---- 内高光：金属倒角感 ---- */
  --bevel-top: inset 0 1px 0 rgba(255, 236, 190, .10);
  --bevel-edge: inset 0 0 0 1px rgba(255, 236, 190, .05);

  /* ---- 动效 ---- */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-lux:  cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 180ms;
  --dur-base: 380ms;
  --dur-slow: 760ms;

  /* ---- 版心 ---- */
  --measure: 1200px;
  --gutter: clamp(20px, 5vw, 60px);
}