/* ========================================
   RETRO NINTENDO SKIN
   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-nintendo,
body.login.dwh-skin-nintendo {
    --dwh-background: #1d1d1d;
    --dwh-surface: #2b2b2b;
    --dwh-surface-hover: #3a3a3a;
    --dwh-text: #f5f5f0;
    --dwh-text-secondary: #cfcfc7;
    --dwh-text-muted: #8a8a85;
    --dwh-primary: #e60012;
    --dwh-primary-hover: #ff3b3b;
    --dwh-border: #e60012;
    --dwh-border-muted: #5a2020;
    --dwh-error: #ff4d4d;
    --dwh-success: #4caf50;
    --dwh-warning: #ffcc00;

    --dwh-glow: 0 0 6px rgba(230, 0, 18, 0.6);
    --dwh-glow-strong: 0 0 10px rgba(230, 0, 18, 0.7), 0 0 18px rgba(230, 0, 18, 0.4);
    --dwh-form-shadow: 0 0 20px rgba(230, 0, 18, 0.3), inset 0 0 20px rgba(230, 0, 18, 0.05);

    --dwh-font-primary: 'VT323', 'Courier New', monospace;
    --dwh-font-heading: 'Press Start 2P', 'Courier New', monospace;

    /* VT323 renders smaller than Share Tech Mono at the same pixel size -
       bump the scale up slightly so body copy stays readable */
    --dwh-font-size-base: 18px;
    --dwh-font-size-sm: 15px;
    --dwh-font-size-lg: 20px;
    --dwh-font-size-xl: 26px;
    --dwh-font-size-2xl: 34px;
}

/* Press Start 2P is a wide display font - tighten the letter-spacing and
   loosen line-height from the terminal-style default so headings stay legible */
body.dwh-skin-nintendo h1,
body.dwh-skin-nintendo h2,
body.dwh-skin-nintendo h3,
body.dwh-skin-nintendo h4,
body.dwh-skin-nintendo h5,
body.dwh-skin-nintendo h6 {
    letter-spacing: 1px;
    line-height: 1.5;
}

body.login.dwh-skin-nintendo h1 a {
    font-size: 20px;
    letter-spacing: 1px;
}

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

/* Recolor the select-arrow SVG (style.css hardcodes a green fill) to match */
body.dwh-skin-nintendo select,
body.login.dwh-skin-nintendo .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='%23e60012' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
}