/* ==========================================================================
   昊安 · 设计令牌 (Design Tokens)
   品牌主色取自现有 Logo 实测值 RGB(0,82,129) = #005281
   —— 步骤1 设计稿 / 步骤2 UJCMS 模板 共用此文件
   ========================================================================== */

:root {
  /* ---------- 品牌色（蓝） ---------- */
  --brand-900: #002F4A;
  --brand-800: #00405F;
  --brand-700: #005281;   /* ★ 品牌主色 */
  --brand-600: #0A6795;
  --brand-500: #1C80B3;
  --brand-300: #7FB2CE;
  --brand-100: #D5E5EF;
  --brand-50:  #EEF5F9;

  /* ---------- 强调色（安全橙：CTA / 警示 / 资质） ---------- */
  --accent-700: #B85F05;
  --accent-600: #D9720A;
  --accent-500: #F08A1D;
  --accent-100: #FDE7CC;
  --accent-50:  #FEF5EA;

  /* ---------- 功能色 ---------- */
  --success-600: #0F8A5F;   /* 环境监测 / 检测通过 */
  --success-50:  #E8F7F0;
  --danger-600:  #C0392B;

  /* ---------- 中性色 ---------- */
  --ink-900: #0D1B24;     /* 大标题 */
  --ink-800: #16303F;
  --ink-700: #2C4353;     /* 正文强调 */
  --ink-500: #5B7182;     /* 正文 */
  --ink-400: #8496A4;     /* 辅助说明 */
  --ink-300: #AEBCC7;
  --line:     #E1E8EE;    /* 描边 */
  --line-soft:#EFF3F7;
  --bg-soft:  #F5F8FA;    /* 浅底区块 */
  --bg-mist:  #FAFCFD;
  --white:    #FFFFFF;

  /* ---------- 字体 ---------- */
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei",
               "Source Han Sans SC", "Noto Sans SC", system-ui, -apple-system,
               "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-num:  "Inter", "DIN Alternate", "SF Pro Display", system-ui,
               "Segoe UI", Arial, sans-serif;

  /* ---------- 字号（PC 基准，Mobile 在断点内覆写） ---------- */
  --fs-display: 46px;   /* 首屏主标题 */
  --fs-h1:      40px;
  --fs-h2:      32px;   /* 区块标题 */
  --fs-h3:      22px;   /* 卡片/小节标题 */
  --fs-h4:      18px;
  --fs-body:    16px;
  --fs-sm:      14px;
  --fs-xs:      12px;

  /* ---------- 行高 ---------- */
  --lh-tight: 1.25;
  --lh-snug:  1.45;
  --lh-body:  1.85;

  /* ---------- 字重 ---------- */
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semi:   600;
  --fw-bold:   700;

  /* ---------- 间距（4 的倍数） ---------- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px;  --sp-6: 24px;  --sp-8: 32px;  --sp-10: 40px;
  --sp-12: 48px; --sp-15: 60px; --sp-20: 80px; --sp-25: 100px;

  /* ---------- 圆角 ---------- */
  --r-xs: 2px;  --r-sm: 4px;  --r-md: 8px;  --r-lg: 14px;  --r-xl: 20px;
  --r-pill: 999px;

  /* ---------- 阴影 ---------- */
  --sh-1: 0 1px 2px rgba(13, 27, 36, .06);
  --sh-2: 0 4px 14px rgba(13, 27, 36, .07);
  --sh-3: 0 10px 30px rgba(13, 27, 36, .10);
  --sh-4: 0 20px 50px rgba(0, 47, 74, .16);
  --sh-brand: 0 10px 30px rgba(0, 82, 129, .22);

  /* ---------- 布局 ---------- */
  --container: 1200px;
  --gutter: 24px;
  --header-h: 78px;
  --topbar-h: 38px;

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .32s;
}

/* ==========================================================================
   断点参考（本设计稿使用原生媒体查询，非预处理器）
   ≥1200px  桌面 (xl)      容器 1200，正文 16，主标题 46
   992-1199 小桌面 (lg)    容器流式，间距略收
   768-991  平板 (md)      两列 → 主标题 34
   <768px   手机 (sm)      单列，主标题 26，底部固定操作条
   ========================================================================== */