@import "tailwindcss";

:root {
  --bg: #030712;
  --fg: #e2e8f0;
  --muted: #94a3b8;
  --accent: #38bdf8;
}

@theme inline {
  --color-background: var(--bg);
  --color-foreground: var(--fg);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  background: radial-gradient(1200px 600px at 10% -10%, rgba(56, 189, 248, 0.15), transparent),
    radial-gradient(900px 500px at 90% 0%, rgba(168, 85, 247, 0.14), transparent), var(--bg);
  color: var(--fg);
  font-family: var(--font-geist-sans), system-ui, sans-serif;
  min-height: 100vh;
}

::selection {
  background: rgba(56, 189, 248, 0.35);
  color: #f8fafc;
}