:root {
  --color-primary: #E2231A;
  --color-primary-dark: #C01A12;
  --color-dark: #1A1A1A;
  --color-gray: #666666;
  --color-gray-light: #999;
  --color-bg-light: #F5F5F5;
  --color-white: #FFFFFF;
  --color-border: #E8E8E8;
  --color-blue: #0066CC;
  --color-red-light: #FFF5F5;

  --font-cn: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-en: "DIN Alternate", "Barlow", "Roboto Condensed", sans-serif;

  --max-width: 1400px;
  --header-height: 72px;

  --shadow-sm: 0 2px 12px rgba(0,0,0,0.08);
  --shadow-md: 0 8px 32px rgba(0,0,0,0.12);
  --shadow-focus: 0 0 0 3px rgba(226,35,26,0.15);

  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease-out;
  --transition-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-material: cubic-bezier(0.4, 0, 0.2, 1);
}