:root {
  --color-primary: #165DFF;
  --color-primary-600: #0E47CC;
  --color-primary-700: #0B3BA8;
  --color-primary-800: #0E3FA6;
  --color-primary-300: #4080FF;
  --color-primary-200: #B8D1FF;
  --color-primary-100: #E8F1FF;
  --color-primary-50: #F2F7FF;

  --color-cyan: #00B8D9;
  --color-cyan-600: #007D8A;
  --color-cyan-light: #E6FFFB;

  --color-gold: #FF7D00;
  --color-gold-500: #FFA940;
  --color-gold-light: #FFF3E0;

  --color-success: #00B42A;
  --color-success-light: #E8F8EC;

  --color-warning: #FF7D00;
  --color-warning-light: #FFF3E0;

  --color-danger: #F53F3F;
  --color-danger-400: #FF8080;
  --color-danger-light: #FFECE8;

  --color-text-primary: #1D2129;
  --color-text-secondary: #4E5969;
  --color-text-tertiary: #86909C;
  --color-text-placeholder: #C9CDD4;
  --color-text-inverse: #FFFFFF;
  --color-text-muted: rgba(255, 255, 255, 0.7);

  --color-bg: #FFFFFF;
  --color-bg-soft: #F7F8FA;
  --color-bg-soft-2: #F2F3F5;
  --color-bg-dark: #0B3BA8;
  --color-bg-dark-600: #082B82;

  --color-border: #E5E6EB;
  --color-border-light: #F2F3F5;

  --gradient-primary: linear-gradient(135deg, var(--color-primary-800) 0%, var(--color-primary) 100%);
  --gradient-primary-vertical: linear-gradient(180deg, var(--color-primary-50) 0%, var(--color-bg) 100%);
  --gradient-cyan: linear-gradient(135deg, var(--color-cyan) 0%, var(--color-cyan-600) 100%);
  --gradient-gold: linear-gradient(120deg, var(--color-gold-500) 0%, var(--color-gold) 100%);
  --gradient-dark: linear-gradient(180deg, var(--color-bg-dark) 0%, var(--color-bg-dark-600) 100%);

  --shadow-sm: 0 1px 2px rgba(15, 35, 95, 0.04);
  --shadow-md: 0 4px 12px rgba(15, 35, 95, 0.06), 0 2px 4px rgba(15, 35, 95, 0.04);
  --shadow-lg: 0 12px 32px rgba(15, 35, 95, 0.10), 0 4px 8px rgba(15, 35, 95, 0.04);
  --shadow-xl: 0 24px 48px rgba(15, 35, 95, 0.12);
  --shadow-primary: 0 8px 24px rgba(22, 93, 255, 0.24);

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-12: 80px;
  --space-16: 120px;

  --font-display: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", Consolas, monospace;

  --container-max: 1240px;
  --container-padding: 24px;

  --nav-height: 72px;
  --hero-spacing: 24px;
  --hero-spacing-mobile: 32px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 0.18s;
  --duration-base: 0.28s;
  --duration-slow: 0.5s;
}