@import "tailwindcss";

@source "../components/**/*.{ts,tsx}";
@source "../../../packages/ui/**/*.{ts,tsx}";
@source "../hooks/**/*.{ts,tsx}";
@source "../lib/**/*.{ts,tsx}";

:root {
  --surface-0: #0A0F1E;
  --surface-1: #111827;
  --surface-2: #1F2937;
  --surface-3: #374151;
  --border: #374151;
  --border-subtle: #1F2937;
  --brand-primary: #6366F1;
  --brand-primary-hover: #818CF8;
  --brand-accent: #10B981;
  --brand-accent-hover: #34D399;
  --text-primary: #F9FAFB;
  --text-secondary: #9CA3AF;
  --text-tertiary: #6B7280;
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;
  --info: #3B82F6;
}

body {
  background: var(--surface-0);
  color: var(--text-primary);
  font-family: 'Inter Variable', 'Inter', system-ui, sans-serif;
}

code, pre {
  font-family: 'JetBrains Mono', monospace;
}