/* 实现工作项 #16 — 设计系统 · 设计 token（配色/字体/间距/圆角/阴影/断点）
   数湃科技门户官网 · 浅色简洁风为基调 + 蓝色科技点缀
   父需求 #15 确认配色：深藏蓝 1B3A6B / 亮天蓝 2CA6E0 / 科技青 00C6D4 */

:root {
  /* ===== 品牌主色（取自 logo） ===== */
  --color-deep:      #1B3A6B; /* 深藏蓝：主色、深色区背景、主文字 */
  --color-deep-2:    #12294d; /* 更深藏蓝：页脚、深色渐变端 */
  --color-blue:      #2CA6E0; /* 亮天蓝：强调、按钮、链接、hover */
  --color-cyan:      #00C6D4; /* 科技青：点缀、数据高亮、渐变端 */

  /* ===== 中性色 ===== */
  --color-ink:       #1a2740; /* 正文主文字 */
  --color-gray:      #647089; /* 次要文字、说明文案 */
  --color-gray-2:    #9aa8bd; /* 更弱文字、版权 */
  --color-bg:        #ffffff; /* 页面主背景 */
  --color-soft:      #f3f7fb; /* 浅灰区块背景 */
  --color-line:      #e6edf5; /* 描边、分隔线 */

  /* ===== 语义色 ===== */
  --color-text:      var(--color-ink);
  --color-text-soft: var(--color-gray);
  --color-primary:   var(--color-blue);
  --color-on-dark:   #cfe0f0; /* 深色区上的次要文字 */

  /* ===== 渐变 ===== */
  --grad-brand:      linear-gradient(120deg, var(--color-blue), var(--color-cyan));
  --grad-deep:       linear-gradient(150deg, var(--color-deep-2), var(--color-deep) 55%, #1a4f82);

  /* ===== 字体 ===== */
  /* 方向 A：正文中文用系统字体栈，西文/数字用本地轻量 Inter */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC",
               "Microsoft YaHei", "Segoe UI", "Hiragino Sans GB", sans-serif;

  /* ===== 字号（模块化比例） ===== */
  --fs-xs:   12px;
  --fs-sm:   13.5px;
  --fs-base: 15px;
  --fs-md:   16px;
  --fs-lg:   19px;
  --fs-xl:   22px;
  --fs-2xl:  28px;
  --fs-3xl:  32px;
  --fs-4xl:  40px;
  --fs-hero: 46px;

  --lh-tight: 1.25;
  --lh-base:  1.7;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold:   700;
  --fw-black:  800;

  /* ===== 间距刻度 ===== */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* ===== 圆角 ===== */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  22px;
  --radius-pill: 999px;

  /* ===== 阴影 ===== */
  --shadow-sm:  0 4px 16px rgba(27, 58, 107, .08);
  --shadow-md:  0 14px 30px rgba(44, 166, 224, .14);
  --shadow-lg:  0 20px 44px rgba(27, 58, 107, .16);
  --shadow-deep: 0 30px 60px rgba(27, 58, 107, .28);

  /* ===== 布局 ===== */
  --container:  1180px;
  --header-h:   70px;

  /* ===== 过渡 ===== */
  --ease: .26s cubic-bezier(.4, 0, .2, 1);

  /* ===== 层级 ===== */
  --z-header: 50;
  --z-overlay: 60;
}

/* ===== 响应式断点（供参考，媒体查询在 base.css 中使用）
   手机  : max-width 640px
   平板  : max-width 860px
   桌面  : > 860px
   ============================================================ */