/* ========================================
   GAME BOY SKIN
   The four-shade monochrome-green LCD palette of the original 1989 handheld
   - light background (the unlit screen), dark green "pixels" for text and
   accents, which is the authentic look rather than an inverted dark theme.
   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-gameboy,
body.login.dwh-skin-gameboy {
    --dwh-background: #9bbc0f;
    --dwh-surface: #8bac0f;
    --dwh-surface-hover: #7a9c0a;
    --dwh-text: #0f380f;
    --dwh-text-secondary: #306230;
    --dwh-text-muted: #4a6b1f;
    --dwh-primary: #0f380f;
    --dwh-primary-hover: #306230;
    --dwh-border: #306230;
    --dwh-border-muted: #8bac0f;
    --dwh-error: #7a2f1f;
    --dwh-success: #0f380f;
    --dwh-warning: #7a5f0f;

    /* No neon glow - an LCD doesn't light up, it just shows darker pixels */
    --dwh-glow: 0 0 2px rgba(15, 56, 15, 0.35);
    --dwh-glow-strong: 0 1px 0 rgba(15, 56, 15, 0.5);
    --dwh-form-shadow: 0 0 0 2px rgba(15, 56, 15, 0.2), inset 0 0 16px rgba(15, 56, 15, 0.08);

    /* Same pairing as the Retro Nintendo skin (VT323 body / Press Start 2P
       headings) - Press Start 2P is a true pixel font but too wide for
       running body text at a readable size */
    --dwh-font-primary: 'VT323', 'Courier New', monospace;
    --dwh-font-heading: 'Press Start 2P', 'Courier New', monospace;

    --dwh-font-size-base: 19px;
    --dwh-font-size-sm: 16px;
    --dwh-font-size-lg: 21px;
    --dwh-font-size-xl: 27px;
    --dwh-font-size-2xl: 35px;
}

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

body.dwh-skin-gameboy h1,
body.dwh-skin-gameboy h2,
body.dwh-skin-gameboy h3,
body.dwh-skin-gameboy h4,
body.dwh-skin-gameboy h5,
body.dwh-skin-gameboy h6 {
    letter-spacing: 1px;
    line-height: 1.5;
}

/* No CRT flicker/scanlines - a reflective LCD is flat and static */
body.dwh-skin-gameboy .flicker {
    animation: none;
    opacity: 1;
}

body.dwh-skin-gameboy.scanlines::after {
    display: none;
}

/* Site title on the login screen, set in a rounded pill badge - evokes the
   old console-logo look the site name normally borrows its typography
   from, without reproducing any specific trademarked logo artwork. */
body.login.dwh-skin-gameboy h1 a {
    display: inline-block;
    background-color: var(--dwh-primary);
    color: var(--dwh-background) !important;
    text-shadow: none !important;
    border-radius: 999px;
    padding: 14px 32px !important;
    font-size: 22px !important;
    letter-spacing: 2px !important;
}

body.login.dwh-skin-gameboy h1 a:hover,
body.login.dwh-skin-gameboy h1 a:focus {
    color: var(--dwh-background) !important;
    text-shadow: none !important;
}

/* The muted border tone is deliberately close to the background for subtle
   dividers elsewhere on this light-background skin, but that leaves the
   small login "remember me" checkbox almost invisible - give it the
   stronger border just here. */
body.login.dwh-skin-gameboy form input[type="checkbox"] {
    border-color: var(--dwh-border);
}

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