/* ThirdUniverse - Main Styles */

/* Ensure touch targets meet WCAG AA minimum size */
.touch-target {
    min-width: 44px;
    min-height: 44px;
}

/* Focus visible styles for accessibility */
*:focus-visible {
    outline: 2px solid theme('colors.primary.500');
    outline-offset: 2px;
}

/* Skip to main content link */
.skip-to-main {
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 100;
    padding: 0.75rem 1.5rem;
    background: theme('colors.primary.600');
    color: white;
    text-decoration: none;
}

.skip-to-main:focus {
    top: 0;
}

/* Smooth transitions */
* {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Loading indicator */
.htmx-request .htmx-indicator {
    display: inline-block;
}

.htmx-indicator {
    display: none;
}

/* Scrollbar styling for dark mode */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #1f2937;
}

::-webkit-scrollbar-thumb {
    background: #4b5563;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}