/* Derilinx Labs — main stylesheet */

/* Polaroid card rotations */
.polaroid-card:nth-child(4n+1) { transform: rotate(-1.5deg); }
.polaroid-card:nth-child(4n+2) { transform: rotate(1deg); }
.polaroid-card:nth-child(4n+3) { transform: rotate(-0.5deg); }
.polaroid-card:nth-child(4n+4) { transform: rotate(1.5deg); }

/* Straighten and lift on hover */
.polaroid-card:hover,
.polaroid-card:focus-within {
    transform: rotate(0deg) translateY(-2px);
    z-index: 10;
}

/* Smooth transitions for theme switching */
body,
header,
footer,
[style*="background-color"],
[style*="color"],
[style*="border-color"] {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Focus visible styles for accessibility */
a:focus-visible,
button:focus-visible,
select:focus-visible {
    outline: 2px solid var(--colour-accent);
    outline-offset: 2px;
}

/* Skip to content link (accessibility) */
.skip-link {
    position: absolute;
    top: -100%;
    left: 0;
    z-index: 100;
    padding: 0.5rem 1rem;
    background-color: var(--colour-accent);
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
}

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