/* EFedNation Custom Theme CSS */

:root {
    --efn-red: #D10000;
    --efn-silver: #C0C0C0;
    --efn-black: #0A0A0A;
    --arena-bg: #050505;
}

body {
    background-color: var(--arena-bg);
    background-image: 
        radial-gradient(circle at 50% -20%, rgba(209, 0, 0, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 0% 100%, rgba(192, 192, 192, 0.05) 0%, transparent 40%);
    background-attachment: fixed;
}

/* Metallic Glow Effects */
.metallic-card {
    background: linear-gradient(145deg, #0a0a0a, #151515);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.metallic-card:hover {
    box-shadow: 0 20px 40px -15px rgba(209, 0, 0, 0.2);
    border-color: var(--efn-red);
}

/* Arena Atmosphere */
.arena-glow {
    text-shadow: 0 0 15px rgba(209, 0, 0, 0.6);
}

.silver-sheen {
    background: linear-gradient(
        90deg, 
        rgba(192,192,192,0) 0%, 
        rgba(192,192,192,0.1) 50%, 
        rgba(192,192,192,0) 100%
    );
    background-size: 200% 100%;
    animation: sheen 3s infinite linear;
}

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

/* Sharp Edged Accents */
.sharp-nav-item {
    position: relative;
    padding: 0.5rem 1rem;
    overflow: hidden;
}

.sharp-nav-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--efn-red);
    transform: translateX(-101%);
    transition: transform 0.3s ease;
}

.sharp-nav-item:hover::after {
    transform: translateX(0);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--efn-black);
}

::-webkit-scrollbar-thumb {
    background: #333;
    border: 2px solid var(--efn-black);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--efn-red);
}