@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');
@import "tailwindcss";

@theme {
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

/* Custom scrollbar styling aligned with MEDIAN Sapphire Crystal theme */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #0b132b;
}
::-webkit-scrollbar-thumb {
  background: #1e3a8a;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #38bdf8;
}

/* Hide scrollbar utility for clean mobile scrolling */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Mobile Touch Optimization & Base Adjustments */
html, body {
  background-color: #0b132b;
  color: #f8fafc;
  font-family: var(--font-sans);
  -webkit-tap-highlight-color: transparent;
}

/* Input & Select touch enhancement on mobile */
input, select, textarea, button {
  font-family: inherit;
}