@import "tailwindcss";

@theme {
  --color-primary: #2563eb;
  --color-primary-foreground: #f8fafc;
}

@layer base {
  body {
    @apply antialiased text-slate-900 bg-slate-50;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
  }

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

  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
  }
}

.glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}