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

.step-item.active {
    opacity: 1;
    pointer-events: auto;
}

.step-item.active .step-indicator {
    border-color: #6366f1; /* brand-500 */
}

.step-item.active .step-number {
    color: #6366f1;
}

.step-item.completed {
    opacity: 1;
}

.step-item.completed .step-indicator {
    background-color: #6366f1;
    border-color: #6366f1;
}

.step-item.completed .step-number {
    color: white;
}

/* Base custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb {
    background: #475569;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
.dark ::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}