:root {
  --bg: #090b11;
  --bg-gradient: radial-gradient(circle at 50% -10%, rgba(99, 102, 241, 0.18), rgba(168, 85, 247, 0.06) 45%, #090b11 90%);
  --surface: #111625;
  --surface-glass: rgba(17, 22, 37, 0.82);
  --surface2: #181f33;
  --surface3: #202942;
  --border: rgba(255, 255, 255, 0.09);
  --border-glow: rgba(99, 102, 241, 0.35);
  --text: #f8fafc;
  --text-muted: #94a3b8;
  --primary: #6366f1;
  --primary-glow: rgba(99, 102, 241, 0.35);
  --primary-dark: #4f46e5;
  --accent: #a855f7;
  --accent-glow: rgba(168, 85, 247, 0.35);
  --space-cyan: #06b6d4;
  --space-cyan-glow: rgba(6, 182, 212, 0.35);
  --success: #10b981;
  --warn: #f59e0b;
  --error: #ef4444;
  --msg-user-bg: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
  --msg-user-text: #ffffff;
  --msg-bot-bg: #111625;
  --msg-bot-text: #f8fafc;
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 30px rgba(99, 102, 241, 0.2);
  --radius-lg: 24px;
  --radius: 18px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --header-h: 64px;
  --input-h: 74px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

[data-theme="light"] {
  --bg: #f8fafc;
  --bg-gradient: radial-gradient(circle at 50% -10%, rgba(99, 102, 241, 0.12), rgba(168, 85, 247, 0.04) 50%, #f8fafc 100%);
  --surface: #ffffff;
  --surface-glass: rgba(255, 255, 255, 0.88);
  --surface2: #f1f5f9;
  --surface3: #e2e8f0;
  --border: #e2e8f0;
  --border-glow: rgba(79, 70, 229, 0.25);
  --text: #0f172a;
  --text-muted: #64748b;
  --primary: #4f46e5;
  --primary-glow: rgba(79, 70, 229, 0.22);
  --primary-dark: #4338ca;
  --accent: #9333ea;
  --accent-glow: rgba(147, 51, 234, 0.22);
  --space-cyan: #0891b2;
  --space-cyan-glow: rgba(8, 145, 178, 0.22);
  --msg-user-bg: linear-gradient(135deg, #4f46e5 0%, #9333ea 100%);
  --msg-user-text: #ffffff;
  --msg-bot-bg: #ffffff;
  --msg-bot-text: #0f172a;
  --shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.12);
  --shadow-glow: 0 0 24px rgba(79, 70, 229, 0.12);
}