:root {
  /* 主色：蓝色 + 深灰 */
  --color-primary: #1E5FBF;
  --color-primary-dark: #0f4c81;
  --color-primary-light: #4a90e2;
  --color-primary-darker: #0A2E5C;
  --color-primary-darkest: #08254A;
  --color-accent: #FF6B35;
  --color-accent-dark: #FF5A1F;

  /* 文字色 */
  --color-text: #2d3748;
  --color-text-light: #718096;
  --color-text-lighter: #a0aec0;
  --color-heading: #1a202c;

  /* 背景色 */
  --color-bg: #ffffff;
  --color-bg-alt: #f7fafc;
  --color-bg-dark: #1a202c;
  --color-border: #e2e8f0;
  --color-border-dark: #cbd5e0;

  /* 间距 */
  --space-section: 80px;
  --space-section-mobile: 40px;
  --container-max: 1280px;
  --container-padding: 32px;

  /* 字号（桌面默认） */
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 24px;
  --fs-h4: 20px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-tiny: 12px;

  /* 圆角 */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* 阴影 */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);

  /* 过渡 */
  --transition: 0.3s ease;
  --transition-fast: 0.2s ease;

  /* 字体 */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;

  /* z-index 层级 */
  --z-header: 100;
  --z-dropdown: 200;
  --z-modal: 300;
  --z-overlay: 400;

  /* 头部高度 */
  --header-height: 72px;
  --header-height-mobile: 60px;
}