@tailwind base;
@tailwind components;
@tailwind utilities;

body { font-family: 'Inter', sans-serif; }

/* Custom Scrollbar for better look in Dark Mode */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
.dark ::-webkit-scrollbar-track { background: #1f2937; }
::-webkit-scrollbar-thumb { background: #888; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #555; }
.dark ::-webkit-scrollbar-thumb { background: #4b5563; }
.dark ::-webkit-scrollbar-thumb:hover { background: #6b7280; }

/* Ensure Editor fills height */
.CodeMirror { height: 100% !important; border-radius: 0 0 4px 4px; }

/* Enforce 100% height for containers as requested */
#json-input, #output-container { height: 100%; }
.CodeMirror-scroll { min-height: 100%; }

/* Error line highlighting */
.CodeMirror .error-line {
    background-color: rgba(255, 0, 0, 0.3);
}