/* ═══════════════════════════════════════════
   期许AI 设计令牌 Design Tokens v2.0
   呼吸感优化版 — 所有间距放大 1.25x
   ═══════════════════════════════════════════ */

:root {
  /* ── Brand Colors ── */
  --qixu-primary: #4361EE;
  --qixu-primary-light: #6B8AFF;
  --qixu-primary-dark: #2D4AC7;
  --qixu-primary-glow: rgba(67, 97, 238, 0.15);
  --qixu-violet: #7209B7;
  --qixu-violet-light: #9D4EDD;
  --qixu-signal: #06D6A0;
  --qixu-signal-dark: #05A87D;

  /* ── Gradients ── */
  --qixu-gradient-brand: linear-gradient(135deg, #4361EE 0%, #7209B7 50%, #06D6A0 100%);
  --qixu-gradient-aurora: linear-gradient(135deg, #4361EE 0%, #22D3EE 100%);
  --qixu-gradient-hero: radial-gradient(circle at 20% 30%, rgba(67,97,238,.16) 0%, transparent 50%), radial-gradient(circle at 80% 60%, rgba(114,9,183,.12) 0%, transparent 50%), radial-gradient(circle at 50% 90%, rgba(6,214,160,.08) 0%, transparent 50%), #0A0E17;

  /* ── Dark Theme Surfaces ── */
  --qixu-bg-base: #0A0E17;
  --qixu-bg-surface: #111827;
  --qixu-bg-elevated: #1A2035;
  --qixu-bg-hover: #232D45;
  --qixu-bg-input: #0F1524;
  --qixu-border: #1E2A42;
  --qixu-border-strong: #2A3650;

  /* ── Text ── */
  --qixu-text-primary: #E8ECF4;
  --qixu-text-secondary: #94A3B8;
  --qixu-text-muted: #556278;
  --qixu-text-accent: #C7D2FE;

  /* ── Semantic ── */
  --qixu-success: #10B981;
  --qixu-success-bg: rgba(16, 185, 129, 0.12);
  --qixu-warning: #F59E0B;
  --qixu-warning-bg: rgba(245, 158, 11, 0.12);
  --qixu-error: #EF4444;
  --qixu-error-bg: rgba(239, 68, 68, 0.12);
  --qixu-info: #38BDF8;
  --qixu-info-bg: rgba(56, 189, 248, 0.12);

  /* ── Typography ── */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', Arial, sans-serif;
  --font-mono: 'Cascadia Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;

  /* ── Spacing (呼吸感增强版) ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;   /* 补齐缺失 */
  --space-8: 32px;
  --space-9: 36px;   /* 补齐缺失 */
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;   /* 新增：超大内边距用 */
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-28: 112px;
  --space-32: 128px;

  /* ── Radius ── */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* ── Shadows ── */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.35);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.42);
  --shadow-glow: 0 0 32px rgba(67, 97, 238, 0.35);

  /* ── Motion ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-fast: 150ms var(--ease-out);
  --transition-normal: 280ms var(--ease-out);
  --transition-slow: 450ms var(--ease-out);

  /* ── Layout Constants ── */
  --nav-h: 72px;
  --sidebar-w: 260px;
  --maxw: 1200px;
  --maxw-wide: 1400px;
}

/* ── Light Theme ── */
[data-theme="light"] {
  --qixu-bg-base: #F8FAFC;
  --qixu-bg-surface: #FFFFFF;
  --qixu-bg-elevated: #F8FAFC;
  --qixu-bg-hover: #F1F5F9;
  --qixu-bg-input: #FFFFFF;
  --qixu-border: #E2E8F0;
  --qixu-border-strong: #CBD5E1;
  --qixu-text-primary: #0F172A;
  --qixu-text-secondary: #475569;
  --qixu-text-muted: #94A3B8;
  --qixu-text-accent: #4338CA;
  --qixu-primary-glow: rgba(67, 97, 238, 0.08);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.09);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.12);
  --shadow-glow: 0 0 32px rgba(67, 97, 238, 0.15);
  --qixu-gradient-hero: radial-gradient(circle at 20% 30%, rgba(67,97,238,.1) 0%, transparent 50%), radial-gradient(circle at 80% 60%, rgba(114,9,183,.08) 0%, transparent 50%), radial-gradient(circle at 50% 90%, rgba(6,214,160,.06) 0%, transparent 50%), #F8FAFC;
}