/*
 * Shared StarSkirmish theme for the dependency-light pages (landing, debug).
 * Fonts + palette match web/spectator's home scene (Conthrax, retro nav
 * buttons, black starfield background painted by /assets/starfield.js).
 */
@font-face {
  font-family: "Conthrax";
  src: url("/assets/conthrax-rg.otf") format("opentype");
}

@font-face {
  font-family: "Conthrax-Bold";
  src: url("/assets/conthrax-hv.otf") format("opentype");
}

:root {
  color-scheme: dark;
  --star-bg: #000;
  --star-panel: rgba(16, 22, 32, 0.82);
  --star-border: rgba(80, 110, 150, 0.35);
  --star-text: #d8dee6;
  --star-muted: #8a9bb3;
  --star-accent: #00aaff;
  --star-good: #58c184;
}

/* Retro nav button — mirrors web/spectator/src/scenes/home/retro-button.tsx */
.retro-link {
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: "Conthrax", sans-serif;
  color: var(--star-muted);
  text-shadow: 0 0 5px #000;
  transition: all 0.2s ease-in-out;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
}

.retro-link:hover,
.retro-link:focus-visible {
  color: #fff;
  text-shadow: 0 0 10px var(--star-accent), 0 0 20px var(--star-accent);
  text-decoration: none;
}

.retro-link.disabled {
  pointer-events: none;
  opacity: 0.4;
}