/* 设计令牌 - CSS自定义属性 */
:root {
  /* 颜色 - 深邃星空色调 */
  --bg-deep: #020617;
  --bg-card: #0f172a;
  --bg-card-alt: #1e293b;
  --bg-section: rgba(2, 6, 23, 0.8);

  --accent-primary: #d4a574;
  --accent-secondary: #8b5cf6;
  --accent-warm: #f59e0b;
  --accent-muted: #64748b;

  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-on-dark: #e2e8f0;
  --text-on-dark-muted: #64748b;

  --shadow-warm: rgba(212, 165, 116, 0.2);
  --shadow-deep: rgba(0, 0, 0, 0.5);
  --shadow-glow: rgba(139, 92, 246, 0.3);

  /* 字体 */
  --font-heading: Georgia, 'Noto Serif SC', 'Songti SC', serif;
  --font-body: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono: 'Courier New', Consolas, monospace;

  /* 间距比例 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* 动画缓动 - 有机弹性 */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);

  /* 动画时长 */
  --duration-fast: 0.2s;
  --duration-normal: 0.4s;
  --duration-slow: 0.8s;

  /* 圆角 */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  /* 卡片旋转预设值 */
  --rotate-1: -1.8deg;
  --rotate-2: 1.2deg;
  --rotate-3: -0.5deg;
  --rotate-4: 2.1deg;
  --rotate-5: -1.2deg;
  --rotate-6: 0.8deg;
  --rotate-7: -2.1deg;
  --rotate-8: 1.5deg;
}