:root {
  --color-primary: #20516f;
  --color-primary-dark: #12384f;
  --color-primary-deep: #0b2638;
  --color-primary-soft: #eaf1f5;
  --color-accent: #b01616;
  --color-accent-dark: #861010;
  --color-text: #10202c;
  --color-text-secondary: #52616b;
  --color-border: #dde5ea;
  --color-surface: #fff;
  --color-surface-soft: #f5f8fa;
  --font-sans: Inter, "HarmonyOS Sans SC", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", Arial, sans-serif;
  --container-xl: 1440px;
  --container: 1280px;
  --container-narrow: 820px;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shadow-sm: 0 8px 24px rgba(20, 49, 67, .06);
  --shadow-md: 0 20px 60px rgba(20, 49, 67, .1);
  --section-space: clamp(6rem, 9vw, 9rem);
  --header-height: 84px;
  --transition: 220ms ease;
  --motion-fast: 180ms ease;
  --motion-base: 260ms ease;
  --motion-slow: 680ms cubic-bezier(.22, 1, .36, 1);
  --motion-lift: translateY(-5px);
  --motion-lift-lg: translateY(-10px);
}