/* Custom styles for CodeBeat */

/* Focus-visible styling for accessibility */
*:focus-visible {
    outline: 2px solid #818cf8;
    outline-offset: 2px;
}

button:focus-visible {
    outline: 2px solid #818cf8;
    outline-offset: 2px;
}

/* Ensure accordion buttons are keyboard accessible */
.accordion-header:focus-visible {
    outline: 2px solid #818cf8;
    outline-offset: -2px;
}

/* Enhance focus for inputs and selects */
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #818cf8;
    outline-offset: 2px;
    border-color: #818cf8;
}

/* Skip link for screen readers */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #4f46e5;
    color: white;
    padding: 8px;
    text-decoration: none;
    z-index: 100;
}

.skip-link:focus {
    top: 0;
}