frontend/src/app/globals.css

@import "tailwindcss";

/* Theme tokens */
@theme {
  --color-background: #050608;
  --color-foreground: #E2E8F0;
  --color-card: rgba(15, 23, 42, 0.6);
  --color-primary: #38BDF8;
  --color-secondary: #8B5CF6;
  --color-muted: #94A3B8;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-glow: rgba(56, 189, 248, 0.3);
}

body {
  background: radial-gradient(circle at 10% 20%, rgba(13, 17, 28, 1) 0%, rgba(5, 6, 8, 1) 90%);
  color: var(--color-foreground);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  min-height: 100vh;
}

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

::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.3);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.3);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.5);
}

/* Code blocks */
pre {
  background: #0B0E14 !important;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 1rem;
  overflow-x: auto;
}

code {
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  font-size: 0.9em;
}