@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* styles & theme variables */

:root,
[data-theme="deep-space"] {
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --bg-tertiary: #334155;
  --bg-card: #ffffff;
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --accent-blue: #2563eb;
  --accent-cyan: #0891b2;
  --accent-emerald: #059669;
  --accent-amber: #d97706;
  --border-color: #e2e8f0;
  --shadow-color: rgba(0, 0, 0, 0.05);
  --glow-color: transparent;
}

[data-theme="terminal-pro"] {
  --bg-primary: #f8fafc;
  --bg-secondary: #ffffff;
  --bg-tertiary: #e2e8f0;
  --bg-card: #ffffff;
  --text-primary: #0f172a;
  --text-secondary: #334155;
  --text-muted: #64748b;
  --accent-blue: #2563eb;
  --accent-cyan: #0891b2;
  --accent-emerald: #059669;
  --accent-amber: #d97706;
  --border-color: #cbd5e1;
  --shadow-color: rgba(0, 0, 0, 0.08);
  --glow-color: rgba(37, 99, 235, 0.1);
}

/* Base Body Styles */
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: 'Inter', sans-serif;
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* Terminal Pro override colors for standard elements */
[data-theme="terminal-pro"] .bg-slate-950,
[data-theme="terminal-pro"] .bg-slate-900 {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

[data-theme="terminal-pro"] .bg-slate-950\/70,
[data-theme="terminal-pro"] .bg-slate-950\/80,
[data-theme="terminal-pro"] .bg-slate-900\/80,
[data-theme="terminal-pro"] .bg-slate-900\/50 {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}

[data-theme="terminal-pro"] .border-slate-800,
[data-theme="terminal-pro"] .border-slate-900,
[data-theme="terminal-pro"] .border-slate-700 {
  border-color: #cbd5e1 !important;
}

[data-theme="terminal-pro"] .text-slate-400 {
  color: #475569 !important;
}

[data-theme="terminal-pro"] .text-slate-300 {
  color: #334155 !important;
}

[data-theme="terminal-pro"] .text-white {
  color: #0f172a !important;
}

/* Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--accent-blue);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--accent-cyan);
}