/* ============================================================
   海沐枫科技 · HAIMUFENG TECH — 设计令牌
   方向：粗野工业 × 编辑排版 / 暖黑底 + 单一高饱和红
   ============================================================ */

:root {
  /* ---- 色彩（60 黑 / 30 深灰面 / 10 红） ---- */
  --color-bg: #0a0908;            /* 暖调近黑，不用纯 #000 */
  --color-surface: #14110f;       /* 次表面 */
  --color-surface-2: #1c1815;     /* 悬停/抬起面 */
  --color-text: #f5f1ea;          /* 暖调近白 */
  --color-muted: #a39a8d;         /* 次级文字，对比度 ≥ 4.5 */
  --color-faint: #6b6359;         /* 注释级文字，仅大字/装饰 */
  --color-accent: #e63329;        /* 品牌红，只给关键动作 */
  --color-accent-deep: #a41e16;   /* 红色暗部，渐变/阴影用 */
  --color-border: rgba(245, 241, 234, 0.12);
  --color-border-strong: rgba(245, 241, 234, 0.28);

  /* ---- 字体（全部为可免费商用的开源字体） ---- */
  --font-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif; /* 展示字 */
  --font-cn-heavy: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif; /* 中文标题 900 */
  --font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;    /* 正文 */
  --font-mono: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;    /* 标签 */

  /* ---- 字阶（1.25 模块比 + 超大展示级） ---- */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.563rem;
  --text-2xl: 1.953rem;
  --text-3xl: 2.441rem;
  --text-mega: clamp(2.6rem, 7.2vw, 6.5rem);   /* Hero 主标题（两张轮播统一） */
  --text-huge: clamp(2.4rem, 6vw, 5rem);       /* 区块大标题 */

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

  /* ---- 圆角：工业风保持锐利 ---- */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* ---- 阴影：带红色环境色，不用纯黑 ---- */
  --shadow-1: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 8px 28px rgba(0, 0, 0, 0.45);
  --shadow-3: 0 24px 64px rgba(0, 0, 0, 0.55);
  --shadow-accent: 0 8px 32px rgba(230, 51, 41, 0.35);

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

  /* ---- 布局 ---- */
  --container: 1600px;
  --gutter: clamp(20px, 4vw, 56px);
  --nav-h: 88px;
}