/* ===== AI Explorer Design Tokens ===== */
:root {
  /* Primary palette */
  --primary: #8B5CF6;
  --primary-light: #A78BFA;
  --primary-dark: #7C3AED;
  --secondary: #06B6D4;
  --secondary-light: #22D3EE;
  --accent: #EC4899;

  /* Backgrounds */
  --bg-body: #050A18;
  --bg-surface: #0d1025;
  --bg-elevated: #151935;
  --bg-card: rgba(13, 16, 37, 0.85);

  /* Text */
  --text-primary: #F1F5F9;
  --text-secondary: #94A3B8;
  --text-muted: #475569;

  /* Borders */
  --border-default: rgba(139, 92, 246, 0.15);
  --border-hover: rgba(139, 92, 246, 0.3);

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #8B5CF6, #06B6D4);
  --gradient-card-hover: linear-gradient(135deg, rgba(139, 92, 246, 0.08), rgba(6, 182, 212, 0.08));

  /* Glass */
  --glass-bg: rgba(13, 16, 37, 0.85);
  --glass-border: rgba(139, 92, 246, 0.12);
  --glass-blur: blur(20px);

  /* Shadows */
  --shadow-glow-sm: 0 0 15px rgba(139, 92, 246, 0.2);
  --shadow-glow-md: 0 0 30px rgba(139, 92, 246, 0.3);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.3);

  /* Topic colors */
  --topic-history: #F59E0B;
  --topic-players: #06B6D4;
  --topic-works: #10B981;
  --topic-agents: #EC4899;
  --topic-costs: #F97316;
  --topic-privacy: #EF4444;
  --topic-journey: #8B5CF6;
  --topic-jobs: #14B8A6;
  --topic-tools: #A855F7;

  /* Status colors */
  --success: #10B981;
  --error: #EF4444;
  --warning: #F59E0B;

  /* Typography */
  --font-display: 'Space Grotesk', -apple-system, sans-serif;
  --font-body: 'DM Sans', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
}