/* ============================================================
   凯密泰克 Chemi Tech — 设计令牌（浅色版）
   品牌色取自 LOGO：火焰红 #FF2400 + 靛蓝 #4221B7
   方向：浅色工业科技 × 大面积留白 × 金属质感点缀
   ============================================================ */

:root {
  /* ---- 色彩：表面层级（浅色基调） ---- */
  --ct-bg: #f6f7fa;            /* 页面底色：冷调近白 */
  --ct-bg-2: #ffffff;          /* 卡片 / 面板 */
  --ct-bg-3: #eef0f5;          /* 次级表面 / 分隔带 */
  --ct-surface: rgba(20, 26, 42, 0.035);      /* 浅玻璃面 */
  --ct-surface-2: rgba(20, 26, 42, 0.065);    /* 浅玻璃面-亮 */
  --ct-line: rgba(20, 26, 42, 0.10);          /* 发丝边框 */
  --ct-line-strong: rgba(20, 26, 42, 0.20);

  /* ---- 色彩：文字（浅底高对比） ---- */
  --ct-text: #14161f;          /* 近黑墨蓝 */
  --ct-muted: #5a6376;
  --ct-faint: #697185;

  /* ---- 色彩：品牌 ---- */
  --ct-red: #ff2400;           /* LOGO 红：图形 / 大字强调 */
  --ct-red-deep: #d81e00;      /* 按钮底（白字 5.2:1） */
  --ct-red-soft: #e01d00;      /* 小字文字强调（白底 5.2:1） */
  --ct-indigo: #4221b7;        /* LOGO 原靛蓝（白底 8.6:1） */
  --ct-indigo-deep: #341a93;
  --ct-cyan: #0284c7;          /* 数据点缀（白底可读） */

  /* ---- 金属质感渐变（点缀：边框 / 光效 / 微交互） ---- */
  --ct-metal: linear-gradient(135deg, #e6eaf2 0%, #f8fafd 30%, #c3ccdc 62%, #eef2f8 100%);
  --ct-metal-line: linear-gradient(135deg, #cdd5e2 0%, #f4f7fb 45%, #b9c3d6 100%);
  --ct-metal-red: linear-gradient(135deg, #d81e00 0%, #ff5a2e 52%, #ffb199 100%);

  /* ---- 语义 ---- */
  --color-bg: var(--ct-bg);
  --color-surface: var(--ct-surface);
  --color-text: var(--ct-text);
  --color-muted: var(--ct-muted);
  --color-accent: var(--ct-red);
  --color-border: var(--ct-line);

  /* ---- 字体 ---- */
  --font-display: "Archivo", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: "DM Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "Noto Sans SC", "Microsoft YaHei", monospace;

  /* ---- 字阶（1.25 模块化比例） ---- */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.25rem;
  --fs-4xl: clamp(2.5rem, 5vw, 3.75rem);
  --fs-hero: clamp(3rem, 8vw, 6.5rem);

  /* ---- 间距 ---- */
  --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: 128px;

  /* ---- 圆角 ---- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* ---- 阴影 / 光晕（浅色系：柔和环境投影替代发光） ---- */
  --shadow-1: 0 2px 8px rgba(20, 26, 42, 0.07);
  --shadow-2: 0 8px 28px rgba(20, 26, 42, 0.11);
  --shadow-3: 0 24px 64px rgba(20, 26, 42, 0.15);
  --glow-red: 0 8px 22px rgba(216, 30, 0, 0.26);
  --glow-indigo: 0 8px 22px rgba(66, 33, 183, 0.18);

  /* ---- 动效 ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 340ms;
  --dur-slow: 700ms;

  /* ---- 布局 ---- */
  --container: 1280px;
  --nav-h: 76px;
}