/* Maelstrom - Alliance Theme (Blue/Gold/Storm) */

:root {
    --bg-color: #0a0a12;
    --accent-color: #b8860b;
    --accent-hover: #ffd700;
    --accent-gradient: linear-gradient(90deg, #4a90d9, #b8860b);
    --glow-color: rgba(74, 144, 217, 0.5);
    --btn-glow: rgba(30, 60, 120, 0.5);
    --btn-primary-bg: linear-gradient(135deg, #1e3a6e 0%, #2a5298 50%, #1e3a6e 100%);
    --btn-primary-hover: linear-gradient(135deg, #2a4a8e 0%, #3a62a8 50%, #2a4a8e 100%);
    --btn-primary-color: #ffd700;
    --border-color: rgba(74, 144, 217, 0.3);
    --card-bg: linear-gradient(135deg, rgba(10, 15, 30, 0.9) 0%, rgba(15, 25, 45, 0.9) 100%);
    --card-glow: rgba(74, 144, 217, 0.2);
    --text-muted: #8a9ab0;
    --text-dark: #4a5a7a;
}

body {
    background: #0a0a12;
    color: #e0e5f0;
}

/* Storm Background */
.storm-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background:
        radial-gradient(ellipse at bottom, rgba(30, 60, 120, 0.3) 0%, transparent 60%),
        radial-gradient(ellipse at top, transparent 0%, #0a0a12 70%),
        linear-gradient(to bottom, #0a0a12 0%, #0a0a1a 50%, #0a0a12 100%);
}

.storm-bg::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to top,
        rgba(74, 144, 217, 0.1) 0%,
        rgba(30, 100, 180, 0.05) 30%,
        transparent 100%);
    animation: stormGlow 3s ease-in-out infinite alternate;
}

@keyframes stormGlow {
    0% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* Storm/Magic Particles */
.particle {
    background: radial-gradient(circle, #69b4ff 0%, #4a90d9 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;
}