/* ========================================
   N64 GAMES SKIN
   Leans into two specific N64 platformers rather than the console itself.
   Both Banjo and Conker wear blue overalls, so blue carries the primary/
   interactive color; red nods to Kazooie's feathers and Conker's fur;
   gold stays for Banjo-Kazooie's collectible notes/honeycombs. Overrides
   the shared custom properties defined per-skin in
   assets/css/skin-fallout.css / inc/theme-skins.php.
   Selectors include the .login variant explicitly so this file wins on
   specificity regardless of stylesheet print order.
   ======================================== */
body.dwh-skin-n64,
body.login.dwh-skin-n64 {
    --dwh-background: #2d5a3d;
    --dwh-surface: #3d7350;
    --dwh-surface-hover: #4a8760;
    --dwh-text: #fff4d6;
    --dwh-text-secondary: #f0d890;
    --dwh-text-muted: #a8c9a0;
    --dwh-primary: #2456c9;
    --dwh-primary-hover: #3f6fe0;
    --dwh-border: #e6342e;
    --dwh-border-muted: #6b4a2f;
    --dwh-error: #e6342e;
    --dwh-success: #6ab04c;
    --dwh-warning: #ffb703;

    /* A playful layered "pop" shadow instead of a neon glow - blue for
       everyday UI, a red+blue two-tone pop for the big title text */
    --dwh-glow: 2px 2px 0 rgba(36, 86, 201, 0.5);
    --dwh-glow-strong: 3px 3px 0 #e6342e, -2px -2px 0 #2456c9;
    --dwh-form-shadow: 0 0 24px rgba(36, 86, 201, 0.3), inset 0 0 20px rgba(230, 52, 46, 0.08);

    --dwh-font-primary: 'Baloo 2', 'Comic Sans MS', sans-serif;
    --dwh-font-heading: 'Luckiest Guy', 'Baloo 2', sans-serif;

    --dwh-font-size-base: 16px;
    --dwh-font-size-sm: 14px;
    --dwh-font-size-lg: 18px;
    --dwh-font-size-xl: 24px;
    --dwh-font-size-2xl: 32px;
}

@media (max-width: 480px) {
    body.dwh-skin-n64 {
        --dwh-font-size-base: 14px;
    }
}

/* Luckiest Guy is a bouncy, rounded game-logo display font - it wants a
   bit more room and reads better without the terminal-style uppercase
   letter-spacing default */
body.dwh-skin-n64 h1,
body.dwh-skin-n64 h2,
body.dwh-skin-n64 h3,
body.dwh-skin-n64 h4,
body.dwh-skin-n64 h5,
body.dwh-skin-n64 h6 {
    letter-spacing: 1px;
}

/* A little bounce on hover instead of a static color swap - feels more
   like a game menu than a form */
body.dwh-skin-n64 .btn,
body.dwh-skin-n64 button:not(.menu-toggle),
body.dwh-skin-n64 input[type="submit"],
body.dwh-skin-n64 input[type="button"] {
    transition: transform 0.15s ease, background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.dwh-skin-n64 .btn:hover,
body.dwh-skin-n64 button:not(.menu-toggle):hover,
body.dwh-skin-n64 input[type="submit"]:hover,
body.dwh-skin-n64 input[type="button"]:hover {
    transform: scale(1.06);
}

/* Recolor the select-arrow SVG (style.css hardcodes a green fill) to match */
body.dwh-skin-n64 select,
body.login.dwh-skin-n64 .language-switcher select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232456c9' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
}