/* css */
:root {
    /* Accent palette: defaults to your existing blues; easy to retheme later */
    --btn-accent-600: var(--blizz-blue-2, #2563a9);
    --btn-accent-700: var(--blizz-blue-3, #1e4f87);
    --btn-accent-650: color-mix(in srgb, var(--btn-accent-600) 70%, var(--btn-accent-700));

    --btn-fg: #ffffff;
    --wow-gold: var(--wow-gold, #e3c06a);
}

/* Keep size identical to your base button: no padding/radius/height overrides */
.wow-blizzard-btn {
    /* do not set padding, min-height, border-radius, or font here */
    color: var(--btn-fg);
    background: linear-gradient(180deg, var(--btn-accent-600) 0%, var(--btn-accent-700) 100%);
    border-color: var(--btn-accent-700);
    text-shadow: none;

    /* Subtle, modern elevation */
    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.12),
            0 1px 1px rgba(0, 0, 0, 0.04);

    transition:
            background-color 150ms ease,
            background 150ms ease,
            border-color 150ms ease,
            box-shadow 150ms ease,
            filter 120ms ease;
    cursor: pointer;
}

/* If your base button uses icons, this keeps spacing tidy without affecting size */
.wow-blizzard-btn .icon,
.wow-blizzard-btn svg {
    width: 1.1em;
    height: 1.1em;
    margin-inline-end: 0.5rem;
    flex: 0 0 auto;
}

/* Hover: slightly brighter, same size */
.wow-blizzard-btn:hover:not(:disabled):not([aria-disabled="true"]) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--btn-accent-600), white 6%) 0%,
    color-mix(in srgb, var(--btn-accent-700), white 6%) 100%);
    border-color: color-mix(in srgb, var(--btn-accent-700), white 10%);
    box-shadow:
            0 2px 6px rgba(16, 24, 40, 0.16),
            0 1px 1px rgba(0, 0, 0, 0.06);
}

/* Active: darken a touch, no movement so it aligns with siblings */
.wow-blizzard-btn:active:not(:disabled):not([aria-disabled="true"]) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--btn-accent-600), black 6%) 0%,
    color-mix(in srgb, var(--btn-accent-700), black 6%) 100%);
    border-color: color-mix(in srgb, var(--btn-accent-700), black 8%);
    filter: brightness(0.98);
    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.14);
}

/* Accessible focus ring with gold halo to stand out, without changing size */
.wow-blizzard-btn:focus { outline: none; }
.wow-blizzard-btn:focus-visible {
    outline: 2px solid var(--wow-gold);
    outline-offset: 2px;
    box-shadow:
            0 2px 6px rgba(16, 24, 40, 0.16),
            0 1px 1px rgba(0, 0, 0, 0.06);
}

/* Disabled: rely on base button sizing; keep visuals subdued */
.wow-blizzard-btn:disabled,
.wow-blizzard-btn[aria-disabled="true"] {
    opacity: 0.65;
    cursor: not-allowed;
    box-shadow: none;
}

/* High-contrast fallback */
@media (forced-colors: active) {
    .wow-blizzard-btn {
        background: ButtonFace;
        color: ButtonText;
        border-color: ButtonText;
        box-shadow: none;
    }
}