/* Shared styles used across pages (kept intentionally small).
   Pages can still define their own :root variables + layout in their inline <style>. */

/* Global color override:
   Many pages use --neon-green for highlight text (strong tags, accents, gradients).
   We remap it to the existing gold variable so highlight text matches the header gold. */
:root {
  --neon-green: var(--circuit-gold);
}

/* Shared header behavior:
   - Always span full viewport width
   - Never crop or stretch text inside the image
   - Height follows the image aspect ratio */
header {
  display: block;
}

.header-img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}