@import "tailwindcss";

@theme {
    --color-brand-primary: #3b82f6;
    --color-brand-dark: #0f172a;
}

/* Hide scrollbar for chrome/safari/edge */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for firefox */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE 10+ */
  scrollbar-width: none;  /* Firefox */
}

/* Custom scrollbar for main body adjustments */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.dark ::-webkit-scrollbar-thumb { background: #334155; }