/* Custom ergonomic styles & animations */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: #f8fafc;
    color: #0f172a;
}

code, pre, .font-mono {
    font-family: 'JetBrains Mono', monospace;
}

.option-card {
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.option-card:hover:not(.disabled-opt) {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px -2px rgba(37, 99, 235, 0.12);
}

.q-grid-dot {
    transition: all 0.15s ease;
}

.q-grid-dot:hover {
    transform: scale(1.12);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}