:root {
  /* 顏色 */
  --color-primary: #184272;
  --color-secondary: #39679B;
  --color-accent: #89A8C5;
  --color-bg-1: #BFD0D8;
  --color-bg-2: #E3EDEE;
  --color-text: #333333;
  --color-white: #FFFFFF;

  /* 字體 */
  --font-cn: 'Noto Sans TC', sans-serif;
  --font-en: 'Inter', sans-serif;

  /* 字号 */
  --fs-h1: clamp(36px, 5vw, 64px);
  --fs-h2: clamp(28px, 4vw, 40px);
  --fs-h3: clamp(20px, 3vw, 28px);
  --fs-body: clamp(14px, 2vw, 18px);

  /* 间距 */
  --spacing-section: clamp(60px, 10vw, 120px);
  --spacing-element: clamp(16px, 3vw, 40px);
  --spacing-inner: clamp(12px, 2vw, 24px);

  /* 圆角 */
  --radius-btn: 8px;
  --radius-card: 12px;

  /* 阴影 */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 20px 40px rgba(24, 66, 114, 0.15);

  /* 过渡 */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.6s ease;
}
