/* ==========================================================================
   DRAFT DARK 2 – "Ultramarine & Amber"
   Same as Dark 1 (imported below), plus amber as a sparing second colour:
   the orbiting CubeSat, status dots, bullets, section numbers and the
   roadmap's "Next". The headline stays white.
   ========================================================================== */
@import url("dark-1-deep-orbit.css");

:root {
  --amber: #FFB547;                /* readable on dark everywhere (11:1) */

  /* Headline: white, with "Open Source" in ultramarine and "Space." in amber.
     The logo is all white (see below). */
  --h-where: var(--heading-color);
  --h-open:  var(--accent);        /* "Open Source" in the saturated ultramarine of the graphics (#5058FF; large type, 3.9:1) */
  --h-meets: var(--heading-color);
  --h-space: var(--amber);         /* "Space." in amber */
  --sat:     var(--amber);
  --signal:  var(--amber);
  --next:    var(--amber);
  --link-hover: var(--amber);     /* linked card titles turn amber on hover */
}

/* Warm glow along the satellite's path */
.hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 35% 45% at 62% 80%, rgba(255, 181, 71, 0.07), transparent 70%);
}
.section-label::before { color: var(--amber); opacity: 1; }
.cycle li::before { color: var(--amber); }   /* step numbers 01–04 */

/* Every link turns amber on hover / keyboard focus, including the main menu */
a, .feature-list a, .site-nav a, .site-footer a { transition: color 0.2s ease; }
a:hover, a:focus-visible,
.feature-list a:hover, .feature-list a:focus-visible,
.site-footer a:hover, .site-footer a:focus-visible { color: var(--amber); }
.site-nav a:hover, .site-nav a:focus-visible { color: var(--amber); }   /* main menu too */
.feature-list a:hover { opacity: 1; }   /* no fading – the colour change is the hover cue */

/* Logo: white "ALLNOVA" with the planet O, without ".space" (the colour lives in
   the headline). About 15 % larger than the full wordmark, as it is narrower. */
.brand { background-image: url("../../assets/logo/logo-white-allnova.svg?v=5"); aspect-ratio: 517.4 / 90.9; }
.site-header .brand { width: 286px; }
.site-header.is-scrolled .brand { width: 182px; }
.site-footer .brand { width: 134px; }
@media (max-width: 760px) {
  .site-header .brand { width: 190px; }
  .site-header.is-scrolled .brand { width: 190px; }   /* header scrolls away on narrow screens: no shrinking */
}

/* CubeSat orbit in amber, so satellite and path stand out against the ultramarine globe */
.ho-orbit-front, .ho-orbit-back { stroke: var(--amber); }