/* Tool pages custom styles */

/* Markdown prose styles */
.prose {
    --tw-prose-body: theme('colors.gray.700');
    --tw-prose-headings: theme('colors.gray.900');
    --tw-prose-links: theme('colors.blue.600');
    --tw-prose-bold: theme('colors.gray.900');
    --tw-prose-code: theme('colors.gray.800');
    --tw-prose-pre-code: theme('colors.gray.200');
    --tw-prose-pre-bg: theme('colors.gray.800');
}

.dark .prose {
    --tw-prose-body: theme('colors.gray.300');
    --tw-prose-headings: theme('colors.gray.100');
    --tw-prose-links: theme('colors.blue.400');
    --tw-prose-bold: theme('colors.gray.100');
    --tw-prose-code: theme('colors.gray.200');
    --tw-prose-pre-code: theme('colors.gray.200');
    --tw-prose-pre-bg: theme('colors.gray.800');
}

/* Inline code styles */
.prose :not(pre) > code {
    background-color: theme('colors.gray.100');
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 0.875em;
    font-weight: 500;
}

.dark .prose :not(pre) > code {
    background-color: theme('colors.gray.700');
}

/* Code block styles */
.prose pre {
    background-color: #1e293b;
    color: #e2e8f0;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    overflow-x: auto;
}

.dark .prose pre {
    background-color: #0f172a;
}

.prose pre code {
    font-size: 0.85em;
    line-height: 1.7;
    color: inherit;
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: theme('colors.gray.100');
}

.dark ::-webkit-scrollbar-track {
    background: theme('colors.gray.800');
}

::-webkit-scrollbar-thumb {
    background: theme('colors.gray.300');
    border-radius: 4px;
}

.dark ::-webkit-scrollbar-thumb {
    background: theme('colors.gray.600');
}

::-webkit-scrollbar-thumb:hover {
    background: theme('colors.gray.400');
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: theme('colors.gray.500');
}