/* ==========================================================================
   英腾电子（宁波）有限公司 — 设计令牌
   主色调：品牌青蓝 #2D7993（大色块实底 + 浅色内容区，全站不使用黑色）
   橙色已全站移除，站内仅保留品牌青蓝单色系
   规则：所有颜色只在本文件定义，其余样式文件一律引用变量，不出现硬编码色值
   ========================================================================== */

:root {
  /* ---------- 品牌原色 ---------- */
  --brand:            #2D7993;   /* 主色调 */
  --brand-deep:       #226077;   /* 深一档，用于页脚/数据条 */
  --brand-deeper:     #1A4C5E;

  /* ---------- 青蓝色阶（品牌主色扩展，10 阶） ---------- */
  --teal-50:          #F2F9FB;
  --teal-100:         #CDE6EF;
  --teal-200:         #A3CEDC;
  --teal-300:         #7FB6CB;
  --teal-400:         #5A9CB4;
  --teal-500:         #3F8AA3;
  --teal-600:         #2D7993;   /* ← 品牌主色 */
  --teal-700:         #226077;
  --teal-800:         #1A4C5E;
  --teal-900:         #123844;

  /* ---------- 品牌实底区域（白字） ---------- */
  --panel:            #2D7993;                        /* 导航 / 首屏 / 内页头 / CTA */
  --panel-deep:       #226077;                        /* 页脚 / 数据条 */
  --on-panel:         #FFFFFF;
  --on-panel-soft:    rgba(255, 255, 255, 0.95);      /* 品牌底正文 */
  --on-panel-muted:   rgba(255, 255, 255, 0.78);      /* 品牌深底次要文字 */
  --on-panel-line:    rgba(255, 255, 255, 0.24);
  --on-panel-tint:    rgba(255, 255, 255, 0.14);

  /* ---------- 浅色内容区 ---------- */
  --bg:               #F2F8FA;   /* 区块底 */
  --bg-alt:           #FFFFFF;   /* 备用（当前全站区块统一 --bg #F2F8FA，未使用） */
  --surface:          #FFFFFF;   /* 卡片 */
  --surface-2:        #F7FBFD;
  --border:           #D8EAF0;
  --border-strong:    #B3D4E0;

  --text:             #14303A;
  --text-secondary:   #41606C;
  --text-muted:       #587581;

  --link:             #226077;
  --link-hover:       #2D7993;

  /* ---------- 品牌角色 ---------- */
  --primary:          #2D7993;
  --primary-hover:    #226077;
  --primary-active:   #1A4C5E;
  --primary-text:     #FFFFFF;
  --primary-soft:     rgba(45, 121, 147, 0.08);
  --primary-glow:     rgba(45, 121, 147, 0.28);

  --highlight:        #2D7993;

  --shadow-card:      0 2px 10px rgba(34, 96, 119, 0.06);
  --shadow-card-hover:0 16px 40px rgba(34, 96, 119, 0.16);
  --shadow-panel:     0 24px 60px rgba(18, 56, 68, 0.30);

  /* ---------- 排版 ---------- */
  --font-sans:        "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
                      system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-en:          "Helvetica Neue", Arial, "Segoe UI", Roboto, sans-serif;
  --font-mono:        "JetBrains Mono", Consolas, "Courier New", monospace;

  /* ---------- 布局 ---------- */
  --container:        1200px;
  --container-narrow: 860px;
  /* 版心左右内边距：导航栏与所有内容区共用，≤640px 收窄为 12px */
  --container-pad:    16px;

  --radius-sm:        4px;
  --radius-md:        8px;
  --radius-lg:        12px;

  --space-1:          4px;
  --space-2:          8px;
  --space-3:          12px;
  --space-4:          16px;
  --space-6:          24px;
  --space-8:          32px;
  --space-12:         48px;
  --space-16:         64px;
  --space-24:         96px;

  --header-h:         72px;

  /* ---------- 动效 ---------- */
  --transition:       0.2s ease;
}

/* 响应式断点（CSS 变量无法用于 media query，此处仅作约定说明）
   移动端优先，向上覆盖：
     --bp-sm:  640px   手机横向
     --bp-md:  900px   平板
     --bp-lg: 1200px   桌面
*/