.no-border-transition {
    border-color: #eee !important;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
}

.dark .no-border-transition {
    border-color: #333 !important;
}

/* Accessibility: Focus states for keyboard navigation */
a:focus-visible,
button:focus-visible {
    outline: 2px solid #ff6600;
    outline-offset: 2px;
    border-radius: 2px;
}

/* Ensure sufficient contrast for links */
a {
    text-decoration-thickness: 1.5px;
    text-underline-offset: 2px;
}

/* Improve contrast for gray text in light mode */
@media (prefers-contrast: high) {
    body {
        --text-gray: #444;
    }
    
    .dark body {
        --text-gray: #c0c0c0;
    }
}