/* Styles Ashby's embedded application form (inside its iframe) to match apply.css.
   Ashby only loads this file from URLs listed in Admin → Job Boards → Theme → "Allowed Custom CSS URLs".
   Ashby puts the admin theme colours inline on <html> (style="--colorPrimary600: …"), so the
   colour variables below need !important to win. Class names come from Ashby's rendered form and
   https://www.ashbyhq.com/job_board_example_css/application-form-only.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600&display=swap');

html {
  --fontFamily: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  --colorPrimary000: #FFFFFF !important;     /* outline buttons' fill */
  --colorPrimary200: #F2F2F2 !important;
  --colorPrimary500A: rgba(0, 0, 0, 0.12) !important; /* focus ring */
  --colorPrimary600: #000000 !important;     /* buttons, links, focused fields */
  --colorPrimary800: #1A1A1A !important;
  --colorPrimary900: #2B2B2B !important;     /* hover */
  --colorPrimaryShadow: rgba(0, 0, 0, 0.12) !important;
  --colorSecondary900: #000000 !important;
  --colorNegative600: #DC2626 !important;
  --borderRadiusContainer: 12px !important;
  --borderRadiusControl: 8px !important;
  --borderRadiusButton: 8px !important;
  --colorAppBackground: #FFFFFF !important;
}

body {
  background: #FFFFFF;
  -webkit-font-smoothing: antialiased;
}

.ashby-application-form-container {
  background-color: #FFFFFF;
  box-shadow: none;
}

.ashby-application-form-autofill-pane {
  border-color: #E6E6E6;
  border-radius: 12px;
}

.ashby-application-form-section-header-title,
.ashby-application-form-question-title {
  color: #000000;
  font-weight: 600;
}

.ashby-application-form-section-header-description,
.ashby-application-form-question-description,
.ashby-application-form-autofill-input-description,
.ashby-application-form-input-file-dropzone-instructions {
  color: #878787;
}

.ashby-application-form-input-text,
.ashby-application-form-input-textarea,
.ashby-application-form-input-date,
.ashby-application-form-input-autocomplete input {
  border-color: #E1E1E4;
  background-color: #F7F7F8;
}

/* Black buttons with the site's medium weight and opacity hover */
.ashby-application-form-submit-button,
.ashby-application-form-input-file-dropzone-upload,
.ashby-application-form-autofill-pane button {
  font-weight: 500;
  letter-spacing: 0;
  box-shadow: none;
}

.ashby-application-form-submit-button:hover {
  background-color: #000000;
  opacity: 0.85;
  box-shadow: none;
}