/* TempestHC - Horde Theme (Red/Gold/Fire) */

:root {
    --bg-color: #0a0a0a;
    --accent-color: #b8860b;
    --accent-hover: #ffd700;
    --accent-gradient: linear-gradient(90deg, #ff6600, #b8860b);
    --glow-color: rgba(255, 102, 0, 0.5);
    --btn-glow: rgba(139, 0, 0, 0.5);
    --btn-primary-bg: linear-gradient(135deg, #8b0000 0%, #b22222 50%, #8b0000 100%);
    --btn-primary-hover: linear-gradient(135deg, #a00000 0%, #cc2222 50%, #a00000 100%);
    --btn-primary-color: #ffd700;
    --border-color: rgba(139, 69, 19, 0.3);
    --card-bg: linear-gradient(135deg, rgba(20, 15, 10, 0.9) 0%, rgba(30, 20, 15, 0.9) 100%);
    --card-glow: rgba(139, 69, 19, 0.2);
    --text-muted: #a89a8a;
    --text-dark: #5a4a3a;
}

body {
    background: #0a0a0a;
    color: #e8e0d5;
}

/* Fire Background */
.fire-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background:
        radial-gradient(ellipse at bottom, rgba(139, 69, 19, 0.3) 0%, transparent 60%),
        radial-gradient(ellipse at top, transparent 0%, #0a0a0a 70%),
        linear-gradient(to bottom, #0a0a0a 0%, #1a0a0a 50%, #0a0a0a 100%);
}

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

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

/* Fire Particles */
.particle {
    background: radial-gradient(circle, #ff6600 0%, #ff3300 50%, transparent 100%);
}

/* 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;
}