@import "tailwindcss";

@layer theme {
  :root {
    --font-sans: "Hind Siliguri", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    
    --color-poisha-teal: #00796b;
    --color-poisha-teal-dark: #004d40;
    --color-poisha-teal-light: #e0f2f1;
    --color-poisha-red: #ef4444;
    --color-poisha-red-light: #fee2e2;
    --color-poisha-green: #10b981;
    --color-poisha-green-light: #d1fae5;
    --color-poisha-bg: #f8fafc;
  }
}

body {
  font-family: "Hind Siliguri", "Inter", sans-serif;
  background-color: #f1f5f9;
  color: #1e293b;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

/* Custom smooth scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}