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

@layer base {
  :root {
    color-scheme: light;
    --background: #F8FAFC;
    --card: #FFFFFF;
    --input: #FFFFFF;
    --primary: #4A43EC;
    --secondary: #7171FF;
    --accent: #2AD1ED;
    --foreground: #1A1D2E;
    --muted-foreground: #64748B;
    --border: #E2E8F0;
  }
  .dark {
    color-scheme: dark;
    --background: #252B42;
    --card: #303753;
    --input: #23283B;
    --primary: #4A43EC;
    --secondary: #7171FF;
    --accent: #42ECF5;
    --foreground: #FFFFFF;
    --muted-foreground: #8B95B7;
    --border: #3D4668;
  }
  * { @apply border-border; }
  body { @apply m-0 min-w-0 bg-background text-foreground antialiased; }
  button, input { font: inherit; }
}