/* Vortex - TBC Theme (Fel Green/Purple/Dark Portal) */

:root {
    --bg-color: #0a0f0a;
    --accent-color: #39d353;
    --accent-hover: #5ee870;
    --accent-gradient: linear-gradient(90deg, #39d353, #7c3aed);
    --glow-color: rgba(57, 211, 83, 0.5);
    --btn-glow: rgba(57, 211, 83, 0.4);
    --btn-primary-bg: linear-gradient(135deg, #1a3a1a 0%, #2a5a2a 50%, #1a3a1a 100%);
    --btn-primary-hover: linear-gradient(135deg, #2a4a2a 0%, #3a6a3a 50%, #2a4a2a 100%);
    --btn-primary-color: #5ee870;
    --border-color: rgba(57, 211, 83, 0.3);
    --card-bg: linear-gradient(135deg, rgba(10, 20, 10, 0.9) 0%, rgba(15, 30, 15, 0.9) 100%);
    --card-glow: rgba(57, 211, 83, 0.2);
    --text-muted: #8aaa8a;
    --text-dark: #4a5a4a;
}

body {
    background: #0a0f0a;
    color: #e0f0e0;
}

/* Portal Background */
.portal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background:
        radial-gradient(ellipse at center, rgba(57, 211, 83, 0.15) 0%, transparent 40%),
        radial-gradient(ellipse at center, rgba(124, 58, 237, 0.1) 0%, transparent 60%),
        radial-gradient(ellipse at top, transparent 0%, #0a0f0a 70%),
        linear-gradient(to bottom, #0a0f0a 0%, #0a120a 50%, #0a0f0a 100%);
}

.portal-bg::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 60%;
    border-radius: 50%;
    background: radial-gradient(ellipse,
        rgba(57, 211, 83, 0.08) 0%,
        rgba(124, 58, 237, 0.05) 40%,
        transparent 70%);
    animation: portalGlow 4s ease-in-out infinite alternate;
}

@keyframes portalGlow {
    0% {
        opacity: 0.5;
        transform: translate(-50%, -50%) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.05);
    }
}

/* Fel Green Particles */
.particle {
    background: radial-gradient(circle, #39d353 0%, #1a8a2a 50%, transparent 100%);
}

/* Horde Link in Nav */
.horde-link {
    color: #cc3333 !important;
}

.horde-link:hover {
    color: #ff5555 !important;
    text-shadow: 0 0 10px rgba(204, 51, 51, 0.5) !important;
}

.horde-link::after {
    background: linear-gradient(90deg, #cc3333, #ff6600) !important;
}

/* Alliance Link in Nav */
.alliance-link {
    color: #4a90d9 !important;
}

.alliance-link:hover {
    color: #69b4ff !important;
    text-shadow: 0 0 10px rgba(74, 144, 217, 0.5) !important;
}

.alliance-link::after {
    background: linear-gradient(90deg, #4a90d9, #69b4ff) !important;
}

/* Hub Link in Nav */
.hub-link {
    color: #ffd700 !important;
}

.hub-link:hover {
    color: #ffe44d !important;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5) !important;
}

.hub-link::after {
    background: linear-gradient(90deg, #b8860b, #ffd700) !important;
}