@import './tailwind.css';
@import './pygments/dracula.css';

/* Custom code styling for code blocks */
.code-container {
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
}

.code-container .highlight {
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.code-container pre {
  margin: 0;
  padding: 1.25rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Any additional custom styles */
body .highlight pre {
  @apply bg-gradient-to-br from-gray-900/80 to-gray-800/90;
  backdrop-filter: blur(8px);
  border-radius: 0.75rem;
}