/* Import the Poppins font */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

/* Override Ashby's font and width variables */
:root {
  --fontFamily: "Poppins", sans-serif !important;
  --textColor: #15003b !important;

  /* Updated job board max width */
  --widthMaxJobBoard: 1200px !important;
}

/* Apply font globally */
body,
html,
* {
  font-family: "Poppins", var(--fontFamily), sans-serif !important;
}

/* Default page text color */
body,
html {
  color: #15003b !important;
}

/* Standardize all Ashby buttons */
button,
button[type="button"],
button[type="submit"],
input[type="submit"],
input[type="button"],
[role="button"],
.ashby-application-form-submit-button,
.ashby-application-form-input-yesno-option,
.ashby-application-form-input-file-dropzone-upload,
[class*="__primary_"],
[class*="__secondary_"] {
  background-color: #15003b !important;
  border-color: #15003b !important;
  color: #ffffff !important;
}

/* Force text/icons inside buttons to white */
button *,
[role="button"] *,
.ashby-application-form-submit-button *,
.ashby-application-form-input-yesno-option *,
.ashby-application-form-input-file-dropzone-upload *,
[class*="__primary_"] *,
[class*="__secondary_"] * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Hover, focus, active, and selected states */
button:hover,
button:focus,
button:active,
button[aria-pressed="true"],
[role="button"]:hover,
[role="button"]:focus,
[role="button"]:active,
[role="button"][aria-pressed="true"],
.ashby-application-form-submit-button:hover,
.ashby-application-form-submit-button:focus,
.ashby-application-form-input-yesno-option:hover,
.ashby-application-form-input-yesno-option[aria-pressed="true"],
.ashby-application-form-input-file-dropzone-upload:hover,
[class*="__primary_"]:hover,
[class*="__secondary_"]:hover {
  background-color: #2b0d63 !important;
  border-color: #2b0d63 !important;
  color: #ffffff !important;
}

/* Keep text white during hover/selected states */
button:hover *,
button:focus *,
button:active *,
button[aria-pressed="true"] *,
[role="button"]:hover *,
[role="button"]:focus *,
[role="button"]:active *,
[role="button"][aria-pressed="true"] *,
.ashby-application-form-input-yesno-option:hover *,
.ashby-application-form-input-yesno-option[aria-pressed="true"] *,
[class*="__primary_"]:hover *,
[class*="__secondary_"]:hover * {
  color: #ffffff !important;
}