/* ============================================
   月灵工坊 设计令牌 (Design Tokens)
   深空工业科技风 - 深蓝 + 金色
   ============================================ */

:root {
  /* ============ 颜色系统 ============ */
  
  /* 背景色系 - 深空蓝渐变 */
  --color-bg-deep:      #0A0F1A;   /* 最深背景 */
  --color-bg-dark:       #0F1623;   /* 主背景 */
  --color-bg-card:       #161E2E;   /* 卡片背景 */
  --color-bg-card-hover: #1E2840;   /* 卡片悬停 */
  --color-bg-elevated:   #243049;   /* 浮层/弹窗背景 */
  --color-bg-overlay:    rgba(10, 15, 26, 0.85); /* 遮罩 */
  
  /* 品牌金色系 */
  --color-gold-primary:   #D4AF37;   /* 主金色 */
  --color-gold-light:     #E8C96A;   /* 浅金高光 */
  --color-gold-dark:      #B8941F;   /* 深金强调 */
  --color-gold-glow:     rgba(212, 175, 55, 0.15); /* 金色光晕 */
  --color-gold-glow-strong: rgba(212, 175, 55, 0.3); /* 强光晕 */
  
  /* 辅助灰蓝 */
  --color-slate-100:     #1C2740;
  --color-slate-200:     #263352;
  --color-slate-300:     #354467;
  --color-slate-400:     #4A5578;
  
  /* 文字层次 */
  --color-text-primary:   #F0EDE4;   /* 暖白主文字 */
  --color-text-secondary: #B8B3A6;   /* 次文字 */
  --color-text-muted:     #6E6859;   /* 辅助文字 */
  --color-text-inverse:   #0A0F1A;   /* 深色文字（金底上） */
  
  /* 功能色 */
  --color-success:       #4CAF50;
  --color-warning:       #FF9800;
  --color-error:         #F44336;
  --color-info:          #29B6F6;
  
  /* 链接色 */
  --color-link:          var(--color-gold-light);
  --color-link-hover:    var(--color-gold-primary);
  
  /* ============ 间距系统 (4px base) ============ */
  --spacing-xs: 0.25rem;   /* 4px */
  --spacing-sm: 0.5rem;    /* 8px */
  --spacing-md: 1rem;      /* 16px */
  --spacing-lg: 1.5rem;    /* 24px */
  --spacing-xl: 2rem;      /* 32px */
  --spacing-2xl: 3rem;     /* 48px */
  --spacing-3xl: 4rem;     /* 64px */
  --spacing-4xl: 6rem;     /* 96px */
  
  /* ============ 圆角系统 ============ */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 999px;
  
  /* ============ 阴影系统 ============ */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.6);
  --shadow-gold-glow: 0 0 20px var(--color-gold-glow);
  --shadow-gold-glow-strong: 0 0 40px var(--color-gold-glow-strong);
  
  /* ============ 边框系统 ============ */
  --border-thin: 1px solid;
  --border-gold-subtle: 1px solid rgba(212, 175, 55, 0.15);
  --border-gold-light: 1px solid rgba(212, 175, 55, 0.3);
  --border-gold: 1px solid rgba(212, 175, 55, 0.5);
  --border-gold-strong: 1px solid rgba(212, 175, 55, 0.8);
  --border-slate: 1px solid var(--color-slate-300);
  
  /* ============ 字体系统 ============ */
  --font-sans: 'Noto Sans SC', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Consolas', 'Monaco', 'Courier New', monospace;
  
  --font-size-xs: 0.75rem;    /* 12px */
  --font-size-sm: 0.875rem;   /* 14px */
  --font-size-base: 1rem;     /* 16px */
  --font-size-lg: 1.125rem;   /* 18px */
  --font-size-xl: 1.25rem;    /* 20px */
  --font-size-2xl: 1.5rem;    /* 24px */
  --font-size-3xl: 2rem;      /* 32px */
  --font-size-4xl: 2.5rem;    /* 40px */
  --font-size-5xl: 3rem;      /* 48px */
  --font-size-6xl: 3.75rem;   /* 60px */
  
  /* ============ 字重系统 ============ */
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  
  /* ============ 行高系统 ============ */
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  
  /* ============ 动效系统 ============ */
  --duration-instant: 100ms;
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 400ms;
  --duration-slower: 600ms;
  
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  
  /* ============ 布局系统 ============ */
  --container-max: 1200px;
  --container-padding: var(--spacing-lg);
  --header-height: 64px;
  
  /* ============ Z-index系统 ============ */
  --z-dropdown: 100;
  --z-modal: 200;
  --z-tooltip: 300;
  --z-toast: 400;
}

/* ============ 响应式断点 ============ 
   sm: 640px
   md: 768px
   lg: 1024px
   xl: 1280px
   2xl: 1536px
*/