/* Custom styles that extend beyond Tailwind */

body {
    background-color: #0d0d0d;
    color: #e5e7eb;
}

/* Ensure all interactive elements have focus states */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid #FF6B5B;
    outline-offset: 2px;
}

/* Smooth image loading */
img {
    loading: lazy;
}

/* Selection color */
::selection {
    background-color: rgba(255, 107, 91, 0.3);
    color: #fff;
}

/* Prevent layout shift on images */
img {
    max-width: 100%;
    height: auto;
}