/* Design tokens — extracted from 王作伟_2026Protfolios.pdf */
:root {
  /* === Color · Background === */
  --bg-deep: #0d1219;
  --bg-base: #141b2a;
  --bg-soft: #1a2233;
  --bg-card: rgba(26, 34, 51, 0.55);
  --bg-card-hover: rgba(36, 48, 70, 0.7);
  --bg-glass: rgba(20, 27, 42, 0.65);

  /* === Color · Text === */
  --text-primary: #f0f4f8;
  --text-secondary: #9ca8b8;
  --text-muted: #5b6677;
  --text-on-light: #0d1219;

  /* === Color · Accent (5 sections) === */
  --accent-guanxin: #5e8b6a;   /* 观心实验室 绿 */
  --accent-guanxin-soft: rgba(94, 139, 106, 0.18);
  --accent-liepin: #ff7a3d;    /* 猎聘 橙 */
  --accent-liepin-soft: rgba(255, 122, 61, 0.18);
  --accent-duomian: #ffc107;   /* 多面 黄 */
  --accent-duolie: #ff9a2e;    /* 多猎 橙 */
  --accent-tencent: #1e6dff;   /* 腾讯 蓝 */
  --accent-tencent-soft: rgba(30, 109, 255, 0.18);

  /* === Color · Border === */
  --border-soft: rgba(156, 168, 184, 0.12);
  --border-hover: rgba(156, 168, 184, 0.28);

  /* === Typography === */
  --font-display: 'Bebas Neue', 'Oswald', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
  --font-cn: 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', var(--font-body);

  /* === Font size === */
  --fs-hero: clamp(72px, 14vw, 200px);
  --fs-section: clamp(40px, 6vw, 72px);
  --fs-h3: clamp(22px, 2.4vw, 32px);
  --fs-h4: 20px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-tiny: 12px;

  /* === Spacing === */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 96px;
  --space-2xl: 144px;
  --container: 1280px;
  --container-padding: 5vw;

  /* === Layout === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --shadow-card: 0 8px 40px rgba(0, 0, 0, 0.45);
  --shadow-card-hover: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px var(--border-hover);
  --shadow-frame: 0 0 40px rgba(0, 0, 0, 0.55);

  /* === Motion === */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 0.2s;
  --dur: 0.4s;
  --dur-slow: 0.8s;

  /* === Z-index === */
  --z-bg: 1;
  --z-content: 10;
  --z-nav: 50;
  --z-progress: 60;
}