/* Clean Tech Aesthetic */

body {
    background-color: #f9fafb; /* gray-50 */
}

/* Typography Overrides */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif;
}

code, pre {
    font-family: 'Fira Code', monospace;
}

/* Visualization Styles */
#register-viz {
    background: #111827; /* gray-900 */
    border-radius: 0.75rem;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    cursor: crosshair;
}

/* Button States */
button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Custom Animations */
@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 10px rgba(99, 102, 241, 0.5);
    }
    50% {
        box-shadow: 0 0 20px rgba(99, 102, 241, 0.8);
    }
}

.animate-pulse-glow {
    animation: pulse-glow 2s infinite;
}

/* MathJax Dark Mode Fixes if needed, though we are using light mode for text */
mjx-container {
    font-size: 110% !important;
}

/* Scrollbar for code blocks */
pre::-webkit-scrollbar {
    height: 8px;
}

pre::-webkit-scrollbar-track {
    background: #374151;
    border-radius: 4px;
}

pre::-webkit-scrollbar-thumb {
    background: #4b5563;
    border-radius: 4px;
}

pre::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}