@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --color-primary: #3B82F6;
    --color-bg: #0c1324;
    --color-surface: #151b2d;
    --color-border: rgba(148, 163, 184, 0.1);
    --color-text: #F8FAFC;
    --color-text-muted: #94A3B8;
  }
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
  margin: 0;
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}