/* ==========================================================================
   STAR — the landing page on black (/star/ and /star-2/).

   Loaded after star.css (see jp_star_enqueue() in functions.php) and scoped
   to body.star-page--dark. It only flips the page itself: white ground → black, black
   type and rules → white. The bands that were already dark (hero, Star
   intelligence, Who we are), the navy partners band and the mauve accents
   are left exactly as they are.

   The tokens are deliberately NOT swapped globally — --star-black also paints
   the dark bands and --star-white the type over the hero photo, and both of
   those should stay put.
   ========================================================================== */

.star-page--dark {
  color-scheme: dark; /* dark scrollbars and form controls */
  background: var(--star-black);
  color: var(--star-white);
}

/* The page's rule */
.star-page--dark .star-frame {
  border-color: var(--star-white);
}

/* The masthead mark knocks the frame rule out behind itself — that knockout
   has to match the new ground. */
.star-page--dark .star-masthead .star-logo {
  background: var(--star-black);
}

/* The mark (masthead + footer) and the social glyphs are black artwork;
   invert them to white rather than shipping a second set of files. */
.star-page--dark .star-logo img,
.star-page--dark .star-social img {
  filter: invert(1);
}

.star-page--dark .star-social a {
  border-color: var(--star-white);
}

.star-page--dark .star-footer__email:hover,
.star-page--dark .star-footer__links a:hover {
  border-bottom-color: var(--star-white);
}