/* Custom styles that complement Tailwind */

/* Subtle background pattern */
body {
    background-image: radial-gradient(ellipse at 20% 50%, rgba(94,245,184,0.03) 0%, transparent 50%),
                      radial-gradient(ellipse at 80% 20%, rgba(201,162,39,0.04) 0%, transparent 50%);
    background-attachment: fixed;
}

/* Selection color */
::selection {
    background: rgba(228,184,74,0.3);
    color: #fff;
}

/* Smooth focus outlines */
*:focus-visible {
    outline: 2px solid rgba(94,245,184,0.5);
    outline-offset: 2px;
}

/* Navbar glass effect when scrolled */
.nav-scrolled {
    background: rgba(7,15,26,0.92) !important;
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* Gold accent glow */
.gold-glow {
    box-shadow: 0 0 40px rgba(228,184,74,0.15);
}

/* Mint accent glow */
.mint-glow {
    box-shadow: 0 0 40px rgba(94,245,184,0.1);
}