/* ============================================================
 * tokens.css — 数视动力官网 Design Token（锁版来源：PRD-V1.1.0 §0.3 + DESIGN.md Cohere 体系）
 * 任何 token 变更须走 PR + 评审 + 同步升版本号
 * ============================================================ */
:root {
  /* ---------- 色板（Cohere + Logo 品牌蓝映射） ---------- */
  --color-primary: #1b69cd;          /* 品牌蓝（Logo 深色三角）：链接 / 强调 */
  --color-primary-active: #1454ad;
  --color-primary-disabled: #b8d1ff;
  --color-gradient-start: #1b69cd;   /* 品牌渐变：仅用于媒体卡图像内部，禁止作页面底色 */
  --color-gradient-end: #02a6f8;
  --color-cta: #17171c;              /* 主 CTA 近黑胶囊 */
  --color-cta-on: #ffffff;
  --color-cohere-black: #000000;     /* 公告条 / 最高对比锚点 */
  --color-deep-green: #003c33;       /* 深色产品带 */
  --color-dark-navy: #071829;        /* 深色产品带备选 */
  --color-ink: #212121;              /* 正文默认色 */
  --color-body-muted: #616161;
  --color-muted: #93939f;            /* 弱化文字 / footer 链接 / placeholder */
  --color-slate: #75758a;
  --color-canvas: #ffffff;           /* 页面默认背景 */
  --color-soft-stone: #eeece7;       /* 暖灰产品卡面 */
  --color-pale-green: #edfce9;
  --color-pale-blue: #f1f5ff;
  --color-hairline: #d9d9dd;         /* 1px 标准边框 / 列表分隔 */
  --color-border-light: #e5e7eb;
  --color-card-border: #f2f2f2;
  --color-coral: #ff7759;            /* 编辑类标签，不作主 CTA */
  --color-focus-blue: #4c6ee6;
  --color-form-focus: #9b60aa;
  --color-error: #b30000;

  /* ---------- 行业色（仅用于行业标签 / 案例分类） ---------- */
  --industry-smart-home: #165DFF;
  --industry-industrial: #722ED1;
  --industry-ev-charging: #00B42A;
  --industry-smart-agri: #13A8A8;
  --industry-medical: #FF7D00;
  --industry-smart-lighting: #F7BA1E;
  --industry-two-wheeler: #F53F3F;

  /* ---------- 字体（Cohere 三层体系回退链） ---------- */
  --font-display: 'Space Grotesk', 'CohereText', Inter, 'PingFang SC', 'HarmonyOS Sans', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Inter', 'Unica77 Cohere Web', 'PingFang SC', 'HarmonyOS Sans', Arial, ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'CohereMono', ui-monospace, Menlo, monospace;

  /* ---------- 字号层级（字重 400 + 负字距，禁止粗 Bold） ---------- */
  --fs-hero: clamp(44px, 7.2vw, 96px);          /* 96 / 1.0 / -1.92px */
  --lh-hero: 1.0;
  --ls-hero: -0.02em;
  --fs-product-display: clamp(40px, 5.4vw, 72px);
  --fs-section-display: clamp(36px, 4.5vw, 60px);
  --fs-section-heading: clamp(30px, 3.6vw, 48px);
  --fs-card-heading: clamp(24px, 2.4vw, 32px);
  --fs-feature-heading: 24px;                    /* 1.3 / 0 */
  --fs-body-lg: 18px;                             /* 1.4 */
  --fs-body: 16px;                                /* 1.5 */
  --fs-button: 14px;                              /* 1.71 / 500 */
  --fs-caption: 14px;
  --fs-mono-label: 14px;                          /* 0.28px 字距，大写 */
  --fs-micro: 12px;

  /* ---------- 圆角 ---------- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --radius-pill: 32px;
  --radius-full: 9999px;

  /* ---------- 间距（8px 基础） ---------- */
  --space-xxs: 2px;
  --space-xs: 6px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --space-section: 80px;

  /* ---------- 版心 ---------- */
  --container: 1200px;
  --container-narrow: 880px;
}