/* ====================================================================
   工业 B2B 模板 · 令牌层
   --------------------------------------------------------------------
   定位：Light Industrial + Clean B2B + Power Technology
   观感：浅色底 + 电力蓝强调，直角克制的几何感，全站单一容器宽度

   本文件只声明 CSS 变量，不写任何组件样式。
   所有组件外观由 public/static/css/front.css 里的 Tailwind 工具类承担，
   加载顺序为 front.css → 本文件，因此这里同名变量会覆盖默认值。

   与 classic 的差异只体现在这几十行变量上（色板 / 圆角 / 阴影），
   视图与工具类完全共用 —— 改版只需要改这里的取值。
   ==================================================================== */

:root {
  /* ---------- 品牌色：电力蓝（深蓝主色 + 亮蓝强调） ---------- */
  --color-primary: #0b4f9e;
  --color-primary-dark: #093a6e;
  --color-primary-soft: #eaf2fb;

  /* ---------- 中性色：工业浅灰阶 ---------- */
  --color-ink: #16212c;         /* 主文字 */
  --color-ink-soft: #5b6875;    /* 次要文字 */
  --color-ink-mute: #8a949f;    /* 弱化文字 */
  --color-surface: #ffffff;     /* 卡片 / 主底 */
  --color-surface-alt: #f7f9fb; /* 交替区块底 */
  --color-line: #e3e9ef;        /* 描边 / 分隔线 */
  --color-footer: #f7f9fb;      /* 页脚底（保持浅色，与全站一致） */
  --color-footer-ink: #16212c;

  /* ---------- 观感：直角 + 极轻阴影（工业感，不用大圆角、不用发光） ---------- */
  --radius-card: 4px;
  --radius-card-lg: 6px;
  --radius-chip: 4px;

  --shadow-card: 0 1px 2px rgba(16, 32, 46, .05);
  --shadow-card-hover: 0 6px 24px rgba(16, 32, 46, .08);
  --shadow-header: 0 2px 10px rgba(16, 32, 46, .06);

  /* ---------- 版面 ---------- */
  /* 全站统一宽屏，与 classic 保持一致，避免「有的宽有的窄」 */
  --container-page: 1440px;

  /* 固定头总高：顶栏 38px + 导航 66px ≈ 104px。
     两者均为 position:fixed 不占文档流，首屏必须用 pt-header 系列避让。 */
  --header-h: 6.5rem;
}