:root {
  --color-navy: #071b38;
  --color-navy-light: #0c2b52;
  --color-navy-mid: #112a4a;
  --color-orange: #f58220;
  --color-orange-hover: #e56f12;
  --color-orange-light: #fff3e6;
  --color-text: #172238;
  --color-muted: #667085;
  --color-bg: #f5f7fa;
  --color-border: #e5e9f0;
  --color-white: #ffffff;
  --color-card-shadow: rgba(7,27,56,0.06);
  --max-width: 1240px;
  --header-height: 80px;
  --font-family: "Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-zh: "Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-en: "Inter","Noto Sans SC","Helvetica Neue",Arial,sans-serif;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --transition: 0.3s ease;
  --btn-height: 48px;
  --btn-padding: 0 28px;
  --btn-radius: 9px;
}
@media (prefers-reduced-motion: reduce) {
  :root { --transition: 0s; }
}