/* Additional custom styles */

/* Metallic gradient animation */
@keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

.text-metallic {
    background: linear-gradient(
        90deg,
        #d4a04a 0%,
        #f3e8cc 25%,
        #c4883a 50%,
        #ddb86d 75%,
        #d4a04a 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 4s linear infinite;
}

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

/* Loading state for images */
img {
    background: linear-gradient(90deg, #1c1c1c 0%, #242424 50%, #1c1c1c 100%);
    background-size: 200% 100%;
    animation: loading 1.5s ease-in-out infinite;
}

@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

img[src] {
    animation: none;
    background: none;
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible {
    outline: 2px solid #d4a04a;
    outline-offset: 2px;
}

/* Selection color */
::selection {
    background: rgba(212, 160, 74, 0.3);
    color: #f5f0e8;
}