/* Custom styles for Media Tools API docs.
 * Tailwind digunakan sebagai framework utama, file ini hanya untuk tweak kecil. */

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont,
    'Segoe UI', sans-serif;
  background-color: #050505;
}

/* Prevent background scroll when mobile drawers open */
html.drawer-open,
body.drawer-open {
  overflow: hidden;
}

.code-font,
code {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco,
    Consolas, 'Liberation Mono', 'Courier New', monospace;
}

pre code {
  white-space: pre;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #0f0f0f;
}

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

::-webkit-scrollbar-thumb:hover {
  background: #444;
}

@view-transition {
  navigation: auto;
}

.neon-glow-cyan {
  box-shadow: 0 0 15px rgba(34, 211, 238, 0.2);
}

.neon-text-cyan {
  text-shadow: 0 0 8px rgba(34, 211, 238, 0.4);
}