/*
 * Custom styles for danielcwc.com
 * Supplements Tailwind CSS
 *
 * Design direction: Typography-forward, generous whitespace,
 * warm muted gold accent, elegant simplicity
 */

/* ===== BASE STYLES ===== */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Selection color - warm gold accent */
::selection {
    background-color: rgba(212, 165, 116, 0.3);
    color: #fafafa;
}

/* Focus styles for accessibility */
:focus-visible {
    outline: 2px solid #d4a574;
    outline-offset: 2px;
}

/* ===== NAVIGATION ===== */

/* Active nav link state */
.nav-link.active {
    color: #ffffff;
}

/* ===== ANIMATIONS ===== */

/* Subtle fade-in animation for page load */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body {
    animation: fadeIn 0.6s ease-out;
}

/* ===== SPOTLIGHT EFFECT ===== */
/* Radial gradient that follows the cursor */

.spotlight {
    pointer-events: none;
    position: fixed;
    inset: 0;
    z-index: 30;
    background: radial-gradient(
        600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
        rgba(212, 165, 116, 0.08),
        transparent 40%
    );
    transition: background 0.15s ease;
}

/* ===== TYPOGRAPHY ENHANCEMENTS ===== */

/* Subtle letter-spacing for headings */
h1, h2, h3 {
    letter-spacing: -0.02em;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 1023px) {
    /* Hide spotlight on mobile/tablet for performance */
    .spotlight {
        display: none;
    }
}