@import "tailwindcss";

:root {
  --bg: #0a0b0e;
  --bg-sidebar: #0d0f13;
  --bg-card: #14161b;
  --bg-input: #0d0f13;
  --border: #1c1f26;
  --border-input: #262a33;
  --text-primary: #e8eaed;
  --text-secondary: #8b909c;
  --text-tertiary: #565b66;
  --accent: #7c5cff;
  --accent-2: #4fa3f7;
  --success: #3ddc84;
  --error: #f5455c;
  --warning: #f5a524;
}

@theme inline {
  --color-bg: var(--bg);
  --color-bg-sidebar: var(--bg-sidebar);
  --color-bg-card: var(--bg-card);
  --color-bg-input: var(--bg-input);
  --color-border: var(--border);
  --color-border-input: var(--border-input);
  --color-text-primary: var(--text-primary);
  --color-text-secondary: var(--text-secondary);
  --color-text-tertiary: var(--text-tertiary);
  --color-accent: var(--accent);
  --color-accent-2: var(--accent-2);
  --color-success: var(--success);
  --color-error: var(--error);
  --color-warning: var(--warning);
  --font-heading: "Space Grotesk", sans-serif;
  --font-body: "Manrope", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
}

* { box-sizing: border-box; }

body {
  background: var(--bg);
  color: var(--text-primary);
  font-family: "Manrope", sans-serif;
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--border-input); border-radius: 4px; }

input::placeholder { color: var(--text-tertiary); }

@keyframes msPulse { 0%, 100% { opacity: 1; } 50% { opacity: .4; } }
.pulse-dot { animation: msPulse 1.8s ease-in-out infinite; }