/*
 * ZURU's Ashby job board theme: restyles Ashby's pages, including the application form
 * embedded on zuru.com/open-roles/<id> and the hosted jobs.ashbyhq.com/zuru board, to
 * match zuru.com.
 *
 * Not served by the site. An Ashby admin uploads this file under the job board theme's
 * Custom CSS (Ashby's frontend ignores a customCssUrl passed through the embed script).
 * Re-upload after editing.
 *
 * Ashby validates the upload. Only `:root`, at-rules and the classes in their reference
 * file https://www.ashbyhq.com/job_board_example_css/full-job-board.css are allowed, with
 * Ashby's [data-*] state attributes on top. No element selectors, descendant selectors
 * or pseudo-classes (:hover, :disabled, …), so hover and focus states stay Ashby's own.
 * They follow --colorPrimary*, which is set to ink below. Tokens are pasted from
 * src/styles/abstracts/_variables.scss; keep the two in step.
 *
 * Fonts: the site's Adobe Fonts kit (ncj4swg). Verified loading on jobs.ashbyhq.com
 * 2026-10-28; if the kit's domain list is ever locked down, it must keep
 * jobs.ashbyhq.com, or type falls back to Helvetica/Arial.
 */
@import url('https://use.typekit.net/ncj4swg.css');

/* Ashby's theme variables; these reach every control. */
:root {
  --colorAppBackground: #ffffff;
  /* Red is punctuation on zuru.com, so Ashby's primary (buttons, focus, selected) is ink.
   * Ashby writes the theme-settings colour inline on <html>, which beats :root, so
   * the brand colour in Ashby admin must also be #1b1b1c. These cover pages without it. */
  --colorPrimary900: #1b1b1c;
  --colorPrimary600: #1b1b1c;
  --borderRadiusContainer: 12px;
  --borderRadiusControl: 12px;
  --borderRadiusButton: 999px;
  --fontFamily: 'neue-haas-grotesk-text', -apple-system, blinkmacsystemfont, 'Helvetica Neue', arial, sans-serif;
}

/* ── Application form ── */

/* The site sets everything in the Roman weight; hierarchy comes from size. */
.ashby-application-form-section-header-title,
.ashby-application-form-autofill-input-title {
  font-family: 'neue-haas-grotesk-display', -apple-system, blinkmacsystemfont, 'Helvetica Neue', arial, sans-serif;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #1b1b1c;
}

.ashby-application-form-section-header-title { font-size: 26px; }

.ashby-application-form-autofill-input-title { font-size: 18px; }

.ashby-application-form-question-title {
  font-size: 15px;
  font-weight: 400;
  color: #1b1b1c;
}

.ashby-application-form-question-description,
.ashby-application-form-section-header-description,
.ashby-application-form-input-file-dropzone-instructions,
.ashby-application-form-autofill-input-description {
  font-size: 13px;
  color: rgb(27 27 28 / 62%);
}

/* Input borders at 55% ink: at least 3:1 against white (WCAG 1.4.11). */
.ashby-application-form-input-text,
.ashby-application-form-input-textarea,
.ashby-application-form-input-autocomplete,
.ashby-application-form-input-dropdown,
.ashby-application-form-input-date {
  border-color: rgb(27 27 28 / 55%);
  color: #1b1b1c;
  font-size: 16px;
}

.ashby-application-form-input-yesno-option {
  border-color: rgb(27 27 28 / 55%);
  font-weight: 400;
  color: #1b1b1c;
}

.ashby-application-form-input-file-dropzone,
.ashby-application-form-autofill-input-root {
  border-color: rgb(27 27 28 / 15%);
}

.ashby-application-form-submit-button {
  height: 48px;
  font-size: 15px;
  font-weight: 400;
}

.ashby-application-form-input-file-dropzone-upload,
.ashby-application-form-input-education-add {
  font-weight: 400;
}

/* ── Hosted job board (jobs.ashbyhq.com/zuru) ── */

.ashby-job-board-heading,
.ashby-job-posting-heading,
.ashby-department-heading,
.ashby-job-posting-brief-department-heading,
.ashby-job-posting-brief-title {
  font-family: 'neue-haas-grotesk-display', -apple-system, blinkmacsystemfont, 'Helvetica Neue', arial, sans-serif;
  font-weight: 400;
  color: #1b1b1c;
}