/* ============================================
   variables.css — 设计变量（科技蓝 + 橙色）
   ============================================ */
:root {
  /* 主题色 — 科技蓝 */
  --c-primary: #0a5fd0;
  --c-primary-dark: #08459b;
  --c-primary-deep: #062f6e;
  --c-primary-bright: #2f7df2;
  --c-primary-light: #e8f1fd;
  --c-primary-ghost: #f2f7fe;

  /* 主题色 — 橙色强调 */
  --c-accent: #ff7a00;
  --c-accent-dark: #e56a00;
  --c-accent-light: #fff3e8;
  --c-accent-glow: rgba(255, 122, 0, 0.14);

  /* 中性色 */
  --c-text: #1f2d3d;
  --c-text-2: #55677d;
  --c-text-3: #8b9bb0;
  --c-border: #e3eaf3;
  --c-bg: #ffffff;
  --c-bg-gray: #f4f7fb;
  --c-white: #ffffff;

  /* 渐变 */
  --grad-hero: linear-gradient(135deg, #062f6e 0%, #08459b 45%, #0a5fd0 100%);
  --grad-accent: linear-gradient(135deg, #ff7a00 0%, #ff9a3d 100%);
  --grad-blue: linear-gradient(135deg, #0a5fd0 0%, #2f7df2 100%);

  /* 字体 */
  --font-cn: "PingFang SC", "Microsoft YaHei", "微软雅黑", "Noto Sans SC", sans-serif;
  --font-en: Inter, "Helvetica Neue", Arial, sans-serif;

  /* 字号 */
  --fs-xs: 0.75rem;   /* 12px */
  --fs-sm: 0.875rem;  /* 14px */
  --fs-base: 1rem;    /* 16px */
  --fs-md: 1.125rem;  /* 18px */
  --fs-lg: 1.375rem;  /* 22px */
  --fs-xl: 1.75rem;   /* 28px */
  --fs-2xl: 2.25rem;  /* 36px */
  --fs-3xl: 3rem;     /* 48px */

  /* 间距 */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 5rem;

  /* 圆角 */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* 阴影 */
  --shadow-sm: 0 2px 8px rgba(15, 60, 130, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 60, 130, 0.12);
  --shadow-lg: 0 16px 48px rgba(15, 60, 130, 0.16);
  --shadow-accent: 0 8px 24px rgba(255, 122, 0, 0.3);

  /* 布局 */
  --container: 1200px;
  --header-h: 76px;
  --topbar-h: 40px;

  /* 断点（媒体查询用） */
  --bp-lg: 1024px;
  --bp-md: 768px;
  --bp-sm: 576px;

  /* 过渡 */
  --t-fast: 0.18s ease;
  --t-base: 0.3s ease;
  --t-slow: 0.5s ease;
}