:root {
  --color-primary: #101114;
  --color-primary-soft: #2a2d34;
  --color-accent: #a27b48;
  --color-text: #17181b;
  --color-text-secondary: #626773;
  --color-bg: #ffffff;
  --color-bg-soft: #f7f7f4;
  --color-line: #eceae3;
  --color-card: #faf8f3;

  --font-family-base: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;

  --container-width: 1360px;
  --header-height: 64px;
  --section-space: 112px;

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;

  --shadow-sm: 0 8px 24px rgba(16, 17, 20, 0.06);
  --shadow-md: 0 16px 48px rgba(16, 17, 20, 0.08);

  --transition-base: 0.28s ease;
}

/* 2026 visual refresh: refined palette and elevation tokens. */
:root {
  --color-primary: #111827;
  --color-primary-soft: #273449;
  --color-accent: #b1844e;
  --color-accent-soft: #f4eadb;
  --color-accent-deep: #876238;
  --color-blue: #285cff;
  --color-blue-soft: #e9efff;
  --color-text: #151923;
  --color-text-secondary: #5f6675;
  --color-bg: #ffffff;
  --color-bg-soft: #f8f6f1;
  --color-line: #e9e4da;
  --color-card: #fffaf1;
  --surface-glass: rgba(255, 255, 255, 0.78);
  --surface-warm: linear-gradient(135deg, rgba(255,255,255,0.94), rgba(255,250,241,0.86));
  --gradient-hero: radial-gradient(circle at 12% 10%, rgba(40,92,255,0.14), transparent 30%), radial-gradient(circle at 88% 12%, rgba(177,132,78,0.22), transparent 28%), linear-gradient(135deg, #fffaf1 0%, #f7f1e8 44%, #eef3ff 100%);
  --gradient-dark: linear-gradient(135deg, #111827 0%, #1c2433 48%, #2e241b 100%);
  --shadow-sm: 0 10px 28px rgba(17, 24, 39, 0.07);
  --shadow-md: 0 22px 58px rgba(17, 24, 39, 0.11);
  --shadow-lg: 0 30px 88px rgba(17, 24, 39, 0.16);
  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 34px;
  --radius-xl: 44px;
  --section-space: clamp(84px, 8vw, 126px);
}