/* ========================================
   PREHISTORIC SKIN (Jurassic Park)
   Black, hazard yellow, and danger red - the actual JP brand triad (logo
   red/black, electric-fence warning-sign yellow/black) rather than a warm
   amber/resin concept. 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-prehistoric,
body.login.dwh-skin-prehistoric {
    --dwh-background: #0d0d0d;
    --dwh-surface: #1a1a1a;
    --dwh-surface-hover: #262626;
    --dwh-text: #f5f0e0;
    --dwh-text-secondary: #e8c468;
    --dwh-text-muted: #8a8370;
    --dwh-primary: #ffcc00;
    --dwh-primary-hover: #ffe066;
    --dwh-border: #c41e1e;
    --dwh-border-muted: #3a2f1a;
    --dwh-error: #c41e1e;
    --dwh-success: #4a7c3f;
    --dwh-warning: #ffcc00;

    /* Hazard-yellow glow with a red undertone - the logo's two colors */
    --dwh-glow: 0 0 8px rgba(255, 204, 0, 0.5);
    --dwh-glow-strong: 0 0 14px rgba(255, 204, 0, 0.7), 0 0 26px rgba(196, 30, 30, 0.4);
    --dwh-form-shadow: 0 0 26px rgba(0, 0, 0, 0.7), inset 0 0 20px rgba(255, 204, 0, 0.08);

    --dwh-font-primary: 'EB Garamond', 'Georgia', serif;
    --dwh-font-heading: 'Cinzel', 'EB Garamond', 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-prehistoric {
        --dwh-font-size-base: 14px;
    }
}

/* Cinzel is a monumental/carved-stone display serif - give it a touch more
   breathing room than the terminal-style default */
body.dwh-skin-prehistoric h1,
body.dwh-skin-prehistoric h2,
body.dwh-skin-prehistoric h3,
body.dwh-skin-prehistoric h4,
body.dwh-skin-prehistoric h5,
body.dwh-skin-prehistoric h6 {
    letter-spacing: 3px;
}

/* Hazard-stripe (caution tape) edge under the header, replacing the plain
   border/glow - echoes the electric-fence warning signage throughout the
   park */
body.dwh-skin-prehistoric .site-header {
    border-bottom: none;
    box-shadow: none;
}

body.dwh-skin-prehistoric .site-header::after {
    content: "";
    display: block;
    height: 10px;
    margin: var(--dwh-spacing-md) calc(-1 * var(--dwh-spacing-xl)) calc(-1 * var(--dwh-spacing-md));
    background: repeating-linear-gradient(45deg, #ffcc00, #ffcc00 14px, #0d0d0d 14px, #0d0d0d 28px);
}

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