/* Custom styles that extend beyond Tailwind */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Selection color */
::selection {
    background: #fce7ec;
    color: #6b132e;
}

/* Subtle scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #fefcfb;
}
::-webkit-scrollbar-thumb {
    background: #fce7ec;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #f9d0d9;
}

/* Mobile link styles */
.mobile-link {
    font-size: 0.75rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #6b132e;
    text-decoration: none;
    font-weight: 400;
    transition: color 0.3s ease;
}
.mobile-link:hover {
    color: #b8204f;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    .reveal {
        opacity: 1 !important;
        transform: none !important;
    }
    .img-frame img {
        transition: none;
    }
}