/* stylelint-disable */

:root {
  --colorPrimary900: #4d53ff; /* royal blue */
  --colorPrimary600: #4d53ff; /* indigo */
  --colorAppBackground: #ffffff; /* white background */
  --borderRadiusContainer: 12px;
  --borderRadiusControl: 8px;
  --borderRadiusButton: 8px;
  --fontFamily: "Inter", sans-serif;
  --widthMaxJobBoard: 1100px;
}

/* Body background and text */
body {
  background-color: var(--colorAppBackground);
  color: #222222;
  font-family: var(--fontFamily);
}

/* Job posting cards with softer borders */
.ashby-job-posting-brief {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 20px;
  transition: border-color 0.3s ease;
}

.ashby-job-posting-brief:hover {
  border-color: var(--colorPrimary600); /* indigo on hover */
}

/* Headings */
.ashby-job-posting-brief-title,
.ashby-job-posting-heading,
.ashby-job-board-heading {
  color: var(--colorPrimary900);
  font-weight: 600;
}

/* Submit button */
.ashby-application-form-submit-button {
  background-color: var(--colorPrimary600);
  color: #fff;
  border-radius: var(--borderRadiusButton);
  padding: 12px 20px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.ashby-application-form-submit-button:hover {
  background-color: var(--colorPrimary900);
}

/* Form inputs */
.ashby-application-form-field-entry input,
.ashby-application-form-field-entry select,
.ashby-application-form-autofill-input-root {
  border-radius: var(--borderRadiusControl);
  border: 1px solid rgba(0, 71, 171, 0.3); /* softer input border */
  padding: 8px;
  background-color: #fff;
  color: #222;
}

/* Application form container */
.ashby-application-form-container {
  background-color: var(--colorAppBackground);
  border-radius: var(--borderRadiusContainer);
  padding: 20px;
}