@tailwind base;
@tailwind components;
@tailwind utilities;
body {
@apply bg-norse-night text-gray-100 font-display antialiased;
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
@apply bg-norse-shadow;
}
::-webkit-scrollbar-thumb {
@apply bg-norse-rune rounded-full hover:bg-nornic-primary;
}
/* Code editor styling */
.cypher-editor {
@apply font-mono text-sm bg-norse-shadow border border-norse-rune rounded-lg;
}
.cypher-editor:focus {
@apply ring-2 ring-nornic-primary border-transparent outline-none;
}
/* Result table styling */
.result-table {
@apply w-full text-sm;
}
.result-table th {
@apply bg-norse-stone text-left px-4 py-2 font-medium text-nornic-accent border-b border-norse-rune;
}
.result-table td {
@apply px-4 py-2 border-b border-norse-rune/50;
}
.result-table tr:hover {
@apply bg-norse-stone/50;
}
/* JSON viewer */
.json-key {
@apply text-frost-ice;
}
.json-string {
@apply text-nornic-accent;
}
.json-number {
@apply text-valhalla-gold;
}
.json-boolean {
@apply text-purple-400;
}
.json-null {
@apply text-norse-silver italic;
}
/* Animations */
@keyframes pulse-glow {
0%, 100% { box-shadow: 0 0 5px rgba(16, 185, 129, 0.3); }
50% { box-shadow: 0 0 20px rgba(16, 185, 129, 0.6); }
}
.status-connected {
animation: pulse-glow 2s ease-in-out infinite;
}