/* ===============================
   Medal Careers – Dark Theme
   =============================== */

:root {
  color-scheme: dark;

  /* Ashby paints the page background from this variable (defaults to a
     light grey). Set it black so the whole board matches the bar and
     there are no "off" grey areas bleeding through. */
  --colorAppBackground: #000;
}

html, body {
  background-color: #000 !important;
  color: #fff !important;
}

/* Exempt the nav/logo bar so it keeps its opaque black bg */
*:not(.ashby-application-form-field-entry button):not(.ashby-job-posting-header):not(.ashby-job-posting-header *) {
  background-color: transparent !important;
  box-shadow: none !important;
  color: inherit;
}

main, section, article {
  background-color: #000 !important;
}

/* The nav/logo bar (Ashby renders this as a div, not a <header>).
   Kept in normal flow so it scrolls with the page instead of
   sitting on top of and clipping the content beneath it. */
.ashby-job-posting-header {
  background-color: #000 !important;
  position: static !important;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* Logo: show it as-is. It is already a light logo, so do NOT invert it
   (inverting turned it dark and made it disappear on the black bg). */
.ashby-job-posting-header img {
  filter: none !important;
  max-height: 40px;
}

.ashby-job-posting-header svg {
  fill: #fff !important;
  stroke: #fff !important;
}

/* Radio selected circle + toggle button backgrounds */
.ashby-application-form-field-entry span,
.ashby-application-form-field-entry button {
  background-color: unset !important;
}
.ashby-job-board-filter {
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid #3a3a3a !important;
  border-radius: 8px !important;
}

/* Buttons: white background with black text on hover */
.ashby-application-form-submit-button:hover {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}

/* Submit button */
.ashby-application-form-submit-button {
  background-color: transparent !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}