/* ==========================================================================
   variables.css — 设计 Token（全站唯一来源）
   UIM · Beijing Zhongli Machinery Science & Technology Co., Ltd.
   ========================================================================== */

:root {
  /* ---------- 品牌色（--color-primary 取自企业 LOGO 主色 #0060B0） ---------- */
  --color-primary: #0060b0;
  --color-primary-dark: #004e90;
  --color-primary-light: #e8f1f9;
  /* 极浅蓝（趋近白色）：.l-section-accent 板块底色 */
  --color-accent: #e9f2fb;
  --color-accent-soft: #f5fafe;
  --color-accent-dark: #3a6fa6;
  --color-highlight: #f2a93b;

  /* ---------- 中性色 ---------- */
  --color-text: #1f2933;
  --color-text-muted: #6b7684;
  --color-text-invert: #ffffff;
  --color-bg: #ffffff;
  --color-bg-soft: #f5f8fb;
  --color-border: #e3e9f0;

  /* ---------- 布局（AGENTS.md：最大宽度 1600px，桌面 3vw / 移动端 5vw） ---------- */
  --container-max: 1600px;
  --pad-desktop: 3vw;
  --pad-mobile: 5vw;
  --gap: 24px;
  --gap-lg: 48px;
  --section-pad-desktop: 70px;
  --section-pad-mobile: 50px;

  /* ---------- 圆角 / 阴影 / 过渡 ---------- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 2px 8px rgba(16, 42, 76, 0.06);
  --shadow-md: 0 12px 32px rgba(16, 42, 76, 0.1);
  --shadow-lg: 0 24px 64px rgba(16, 42, 76, 0.16);
  --transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-fast: 0.18s ease-out;

  /* ---------- 字体（本地字体栈；客户提供 woff2 后在 fonts.css 追加 @font-face） ---------- */
  --font-heading:
    "Helvetica Neue", Helvetica, Arial, "Noto Sans", "PingFang SC",
    "Microsoft YaHei", sans-serif;
  --font-body:
    "Helvetica Neue", Helvetica, Arial, "Noto Sans", "PingFang SC",
    "Microsoft YaHei", sans-serif;

  /* ---------- 字号 ---------- */
  --fs-hero: clamp(32px, 5vw, 56px);
  --fs-h2: clamp(26px, 3vw, 40px);
  --fs-h3: clamp(20px, 2vw, 26px);
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;

  /* ---------- 层级 ---------- */
  --z-header: 900;
  --z-drawer: 1000;
  --z-sidebar: 1100;
  --z-floating: 950;
  --z-modal: 1200;
  --z-search: 1150;

  /* ---------- Header 高度（sticky 偏移基准） ---------- */
  --header-h: 76px;
  --topbar-h: 38px;
}

/* 断点（移动端优先）：Mobile < 768px ≤ Tablet < 1024px ≤ Desktop */
@media (max-width: 1023px) {
  :root {
    --header-h: 66px;
    --gap: 20px;
    --gap-lg: 32px;
  }
}

@media (max-width: 767px) {
  :root {
    --header-h: 60px;
    /* 移动端 Header 不显示 TopBar，同步归零所有以此为准的偏移计算 */
    --topbar-h: 0px;
    --gap: 16px;
    --gap-lg: 24px;
  }
}