:root {
    /* Muted Blizzard/WoW-inspired hues */
    --blizz-blue-1: #2b7bbf;
    --blizz-blue-2: #2563a9;
    --blizz-blue-3: #1e4f87;
    --wow-gold:     #e3c06a; /* focus ring */
    --ink-900:      #0b1b2b;
}

.wow-blizzard-btn {
    -webkit-font-smoothing: antialiased;
    appearance: none;
    border: 1px solid #1d4d7f;
    border-radius: 10px;
    padding: 0.7rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font: 600 0.95rem/1 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    color: #ffffff;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    background:
            radial-gradient(120% 180% at 50% -40%, rgba(255,255,255,0.07), rgba(255,255,255,0) 50%),
            linear-gradient(180deg, var(--blizz-blue-2), var(--blizz-blue-3) 65%);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.06),
            inset 0 -1px 0 rgba(0,0,0,0.20),
            0 1px 2px rgba(0,0,0,0.20);
    transition:
            transform 120ms ease,
            box-shadow 160ms ease,
            background 160ms ease,
            border-color 160ms ease;
}

/* Hover: slightly brighter, still subdued */
.wow-blizzard-btn:hover {
    background:
            radial-gradient(120% 180% at 50% -40%, rgba(255,255,255,0.08), rgba(255,255,255,0) 50%),
            linear-gradient(180deg, #2f84ca, #276daa 60%, #1f4f85);
    border-color: #246aa3;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.08),
            inset 0 -1px 0 rgba(0,0,0,0.22),
            0 2px 6px rgba(0,0,0,0.18);
    transform: translateY(-1px);
}

/* Active: slightly darker with a subtle press effect