/*
   downloads-dark.css
   Minimal overrides so downloads.html visually matches the rest of the
   site once it's wearing the dark home-nav header. The page-body
   styles in styles.css were written for a light-themed mega-menu
   layout; we patch the worst readability issues here without forking
   the entire stylesheet.
*/

body.dark-theme {
  background: #030303;
  color: #ededed;
}

/* The page wrapper still uses the light .static-page rules from
   styles.css. We re-tint the obvious surfaces so text isn't black-on-
   black, while keeping the same panel / hero / release-row layout. */
body.dark-theme .static-page {
  background: transparent;
  color: #ededed;
  padding-top: 40px;
}

/* Override the light-theme backgrounds and box-shadows from styles.css */
body.dark-theme .static-page .panel,
body.dark-theme .download-hero,
body.dark-theme .release-board,
body.dark-theme .release-row,
body.dark-theme .release-visual,
body.dark-theme .package-node {
  background: transparent !important;
  box-shadow: none !important;
}

body.dark-theme .static-page .panel,
body.dark-theme .download-hero,
body.dark-theme .release-board {
  border: 1px solid rgba(255, 255, 255, 0.10);
  color: #ededed;
}

body.dark-theme .download-hero h1,
body.dark-theme .release-row h2 {
  color: #fff;
}

body.dark-theme .download-hero .eyebrow,
body.dark-theme .release-row p {
  color: #a8a8a8;
}

body.dark-theme .release-row {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  margin-bottom: 12px;
}

body.dark-theme .release-row.primary {
  border-color: rgba(0, 255, 255, 0.30);
}

body.dark-theme .release-row code {
  color: #9ad8ff;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.10);
}

body.dark-theme .nav-btn {
  color: #fff;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

body.dark-theme .nav-btn:hover {
  background: rgba(0, 255, 255, 0.08);
  border-color: rgba(0, 255, 255, 0.55);
}

body.dark-theme .nav-btn.ghost-link {
  background: transparent;
}

body.dark-theme .release-visual {
  border: 1px solid rgba(255, 255, 255, 0.08);
}

body.dark-theme .package-node {
  color: #d8d8d8;
  border-color: rgba(255, 255, 255, 0.18);
}

/* Override the hover states from styles.css that add background/borders back */
body.dark-theme .static-page .release-row:hover,
body.dark-theme .static-page .release-row:focus-within {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}