/* ============================================================
   宝塑管业官网 · 设计令牌（Design Tokens）
   全站色彩 / 间距 / 阴影 / 圆角 / 过渡的统一变量源
   ============================================================ */

:root {
  /* ---------- 品牌主色（太极蓝） ---------- */
  --color-primary: #0E5FB5;          /* 宝塑蓝 · 主品牌色 */
  --color-primary-dark: #0A3D7A;     /* 深蓝 · hover/深色区块 */
  --color-primary-light: #4A90D9;    /* 亮蓝 · 点缀/渐变端 */
  --color-primary-50: #EAF3FC;       /* 极浅蓝 · 背景底色 */

  /* ---------- 辅助色 ---------- */
  --color-accent: #FF7A1A;           /* 活力橙 · CTA/重点标签 */
  --color-accent-dark: #E5640A;

  /* ---------- 中性色 ---------- */
  --color-text: #1A2332;             /* 正文主色 */
  --color-text-secondary: #5A6B7B;   /* 副标题/说明文字 */
  --color-text-muted: #8B97A5;       /* 辅助/占位 */
  --color-border: #E5EAF0;           /* 分割线/卡片边 */

  /* ---------- 背景色 ---------- */
  --color-bg: #FFFFFF;
  --color-bg-alt: #F5F7FA;           /* 区块交替底色 */
  --color-bg-dark: #0F2540;          /* 深色页脚/CTA */

  /* ---------- 间距体系（4px 基准） ---------- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* ---------- 容器 ---------- */
  --container-width: 1200px;
  --container-padding: 24px;

  /* ---------- 圆角 ---------- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* ---------- 阴影 ---------- */
  --shadow-sm: 0 2px 8px rgba(14, 95, 181, 0.06);
  --shadow-md: 0 4px 20px rgba(14, 95, 181, 0.08);
  --shadow-lg: 0 12px 40px rgba(14, 95, 181, 0.12);
  --shadow-card-hover: 0 16px 48px rgba(14, 95, 181, 0.18);

  /* ---------- 过渡 ---------- */
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s ease;

  /* ---------- 字体 ---------- */
  --font-sans: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Segoe UI", sans-serif;
  --font-num: "Oswald", "Arial Narrow", "Arial", sans-serif;

  /* ---------- 层级 ---------- */
  --z-header: 1000;
  --z-float: 900;
  --z-modal: 1100;
  --z-drawer: 1050;
}