/* ========================================
   设计 Tokens - CSS变量系统 (2.0 现代化版本)
   ======================================== */

:root {
  /* 颜色系统 - 增强版 */
  --primary-bg: #0a0e1a;
  --primary-bg-gradient: linear-gradient(135deg, #0a0e1a 0%, #1a1f3a 50%, #0f172a 100%);

  --gold-main: #ffd700;
  --gold-hover: #ffed4a;
  --gold-light: #fff7b3;
  --gold-dark: #ffb700;

  --accent-cyan: #00d4ff;
  --accent-purple: #a855f7;
  --accent-pink: #ec4899;

  --border-color: rgba(212, 165, 116, 0.3);
  --border-hover: rgba(212, 165, 116, 0.6);

  --text-white: #ffffff;
  --text-gray: #94a3b8;
  --text-dark: #1A237E;

  /* 玻璃态效果 */
  --glass-bg: rgba(255, 255, 255, 0.05);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-shadow: rgba(0, 0, 0, 0.3);

  /* 字体系统 */
  --font-family-en: 'Arial', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-cn: 'Microsoft YaHei', '微软雅黑', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* 字号 */
  --font-size-h1-en: clamp(28px, 5vw, 48px);
  --font-size-h2-en: clamp(20px, 4vw, 36px);
  --font-size-year: clamp(18px, 3vw, 28px);
  --font-size-h1-cn: clamp(32px, 6vw, 64px);
  --font-size-city: clamp(14px, 2vw, 18px);
  --font-size-section-title: clamp(18px, 3vw, 24px);
  --font-size-body: clamp(14px, 2vw, 18px);

  /* 字重 */
  --font-weight-bold: 700;
  --font-weight-medium: 600;
  --font-weight-normal: 400;

  /* 行高 */
  --line-height-tight: 1.2;
  --line-height-body: 1.8;

  /* 间距 */
  --spacing-title-group: 48px;
  --spacing-section: 32px;
  --spacing-section-title: 24px;
  --spacing-paragraph: 20px;
  --spacing-city: 12px;

  /* 圆角 - 更现代 */
  --radius-tag: 8px;
  --radius-section: 16px;
  --radius-card: 20px;

  /* 阴影 - 多层阴影效果 */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.3);
  --shadow-glow: 0 0 20px rgba(255, 215, 0, 0.3);

  /* 边框 */
  --border-width: 1px;

  /* 过渡 */
  --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* 容器宽度 */
  --container-max-width: 1200px;
  --container-padding: 24px;

  /* 断点 */
  --breakpoint-mobile: 768px;
  --breakpoint-desktop: 1024px;
}