/* Tab Indicator */
.tab-indicator {
    position: absolute;
    bottom: -1px;
    height: 2px;
    width: 50%;
    background-color: rgb(var(--color-accent));
    transition: transform 0.3s ease-in-out;
}

/* Smooth Progress Bar */
.progress-bar {
    height: 3px;
    background: linear-gradient(to right, rgb(var(--color-accent)), rgb(var(--color-accent-hover)));
    transition: width 0.3s ease-in-out;
}

/* Step Selection Indicator */
.selected-step {
    border: 2px solid rgb(var(--color-accent));
    border-radius: 6px;
    background-color: #f8fafc;
    transition: border-color 0.3s ease-in-out, background-color 0.2s ease-in-out;
}