/* YAAS Ashby light theme v1.1 | 2026-10-16
 * Replaces yaas-ashby-dark (25).css. Restore before-installed.css to roll back.
 * Uses Ashby's published theme variables and stable .ashby-* hooks.
 * Native brand settings remain unchanged. No external fonts or image requests.
 */
html:root {
  color-scheme: light;
  --colorAppBackground: #ffffff !important;
  --colorPrimary600: #171717 !important;
  --colorPrimary900: #343434 !important;
  --colorPrimary500A: #17171726 !important;
  --colorPrimaryShadow: #17171715;
  --colorNeutral800: #171717;
  --colorNeutral700: #4b5563;
  --colorNeutral600: #59616e;
  --colorNeutral500: #767e8b;
  --colorNeutral400: #858d98;
  --colorNeutral300: #d1d5db;
  --colorNeutral200: #e5e7eb;
  --colorNeutral100: #f7f8fa;
  --colorNeutral000: #ffffff;
  --colorNegative600: #b42318;
  --fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --fontSizeNormal: 16px;
  --fontSizeSmall: 15px;
  --lineHeightNormal: 1.65;
  --widthMaxContent: 1080px;
  --widthMaxJobBoard: 760px;
  --borderRadiusContainer: 12px;
  --borderRadiusControl: 8px;
  --borderRadiusButton: 8px;
  --yaas-yellow: #ffd900;
  --yaas-yellow-hover: #ebc908;
}
body {
  background: var(--colorAppBackground);
  color: var(--colorNeutral800);
  font-family: var(--fontFamily);
  font-size: 16px;
  line-height: 1.65;
}
.ashby-job-board-heading,
.ashby-job-posting-heading {
  color: #171717;
  font-family: var(--fontFamily);
  font-size: 44px;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -.035em;
  text-transform: none;
  overflow-wrap: anywhere;
}
.ashby-job-board-heading-count {
  color: #59616e;
  font-size: .65em;
  font-weight: 500;
  letter-spacing: 0;
}
/* Preserve the introductory copy previously supplied by the dark CSS. */
.ashby-job-board-heading::after {
  content: "We are only looking for the most competent talent that will build good for you media IPs with us. Will you make the cut?";
  display: block;
  max-width: 660px;
  margin-top: 18px;
  color: #4b5563;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0;
}
.ashby-department-heading,
.ashby-department-heading-level {
  color: #4b5563;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
}
.ashby-job-posting-brief-list { margin-bottom: 28px; }
.ashby-job-posting-brief-list > a {
  display: block;
  color: #171717;
  text-decoration: none;
  border-radius: 12px;
}
.ashby-job-posting-brief {
  margin-bottom: 12px;
  padding: 24px;
  background: #f7f8fa;
  border: 1px solid #d1d5db;
  border-radius: 12px;
  box-shadow: none;
  transition: background-color .15s ease, border-color .15s ease;
}
.ashby-job-posting-brief-list > a:hover .ashby-job-posting-brief {
  background: #fffbea;
  border-color: #858d98;
}
.ashby-job-posting-brief-title {
  margin: 0 0 8px;
  color: #171717;
  font-size: 24px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -.02em;
  text-transform: none;
  overflow-wrap: anywhere;
}
.ashby-job-posting-brief-details,
.ashby-job-posting-brief-details p {
  color: #4b5563;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}
.ashby-job-board-filter {
  min-height: 46px;
  color: #171717;
  background-color: #ffffff;
  border: 1px solid #858d98;
  border-radius: 8px;
  font-family: var(--fontFamily);
  font-size: 16px;
}
.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label { color: #4b5563; font-size: 15px; }
.ashby-job-board-reset-filters-label {
  width: auto;
  height: auto;
  min-height: 44px;
  padding: 0 4px;
  flex-shrink: 0;
  white-space: nowrap;
}
.ashby-job-board-reset-filters-label:disabled { opacity: .65; }
.ashby-job-board-back-to-all-jobs-button {
  color: #171717;
  font-size: 15px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ashby-job-posting-left-pane {
  align-self: start;
  box-shadow: none;
  color: #4b5563;
  background: #f7f8fa;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.ashby-job-posting-left-pane h2 { color: #171717; font-size: 16px; font-weight: 650; }
.ashby-job-posting-left-pane p { color: #4b5563; font-size: 16px; line-height: 1.6; }
.ashby-job-posting-right-pane { min-width: 0; }
.ashby-job-posting-right-pane-overview-tab,
.ashby-job-posting-right-pane-application-tab {
  min-height: 48px;
  color: #4b5563;
  font-size: 16px;
  font-weight: 600;
}
.ashby-job-posting-right-pane-overview-tab[aria-selected="true"],
.ashby-job-posting-right-pane-application-tab[aria-selected="true"] { color: #171717; }
.ashby-job-posting-right-pane-tab-slider { background-color: #171717; height: 3px; }
.ashby-job-posting-description-container,
.ashby-application-form-container { background: #ffffff; box-shadow: none; }
.ashby-job-posting-description { max-width: 68ch; color: #171717; font-size: 17px; line-height: 1.75; }
.ashby-job-posting-description p,
.ashby-job-posting-description li { font-size: 17px; line-height: 1.75; }
.ashby-job-posting-description p { margin: 0 0 1.1em; }
.ashby-job-posting-description li { margin-bottom: .7em; }
.ashby-job-posting-description h2,
.ashby-job-posting-description h3 { color: #171717; line-height: 1.35; margin-top: 1.6em; }
.ashby-job-posting-description strong,
.ashby-job-posting-description b { font-weight: 700; }
.ashby-job-posting-description a,
.ashby-application-form-question-description a {
  color: #171717;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ashby-application-form-field-entry { margin-bottom: 26px; }
.ashby-application-form-question-title { color: #171717; font-size: 16px; font-weight: 650; line-height: 1.5; }
.ashby-application-form-question-description,
.ashby-application-form-autofill-input-description,
.ashby-application-form-texting-consent-description { color: #4b5563; font-size: 16px; line-height: 1.65; }
.ashby-application-form-input-text,
.ashby-application-form-input-textarea,
.ashby-application-form-input-dropdown-select,
.ashby-application-form-input-autocomplete,
.ashby-application-form-input-date {
  color: #171717;
  background: #ffffff;
  border: 1px solid #858d98;
  border-radius: 8px;
  min-height: 46px;
  font-family: var(--fontFamily);
  font-size: 16px;
  line-height: 1.5;
}
.ashby-application-form-input-textarea { min-height: 150px; }
.ashby-application-form-input-text::placeholder,
.ashby-application-form-input-textarea::placeholder { color: #59616e; opacity: 1; }
.ashby-application-form-autofill-input-root { background: #f7f8fa; border-color: #858d98; }
.ashby-application-form-autofill-input-title { color: #171717; font-size: 18px; }
.ashby-application-form-autofill-input-icon { fill: #171717; }
.ashby-application-form-input-file-dropzone-upload,
.ashby-application-form-autofill-input-base-layer button {
  color: #171717;
  background: #ffffff;
  border: 1px solid #858d98;
  min-height: 44px;
  font-size: 16px;
}
.ashby-application-form-submit-button,
.ashby-job-posting-description-container > a > button {
  color: #171717;
  background: var(--yaas-yellow);
  border: 1px solid #171717;
  border-radius: 8px;
  min-height: 48px;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.4;
  text-decoration: none;
  box-shadow: none;
}
.ashby-application-form-submit-button:hover,
.ashby-job-posting-description-container > a > button:hover {
  color: #171717;
  background: var(--yaas-yellow-hover);
  border-color: #171717;
  box-shadow: none;
}
.ashby-application-form-submit-button svg { fill: currentColor; }
.ashby-job-posting-brief-list > a:focus-visible,
.ashby-job-board-filter:focus-visible,
.ashby-job-board-back-to-all-jobs-button:focus-visible,
.ashby-job-posting-right-pane :focus-visible,
.ashby-application-form-autofill-pane :focus-visible {
  outline: 3px solid #171717 !important;
  outline-offset: 3px !important;
}
@media (max-width: 600px) {
  .ashby-job-board-heading,
  .ashby-job-posting-heading { font-size: 30px; }
  .ashby-job-posting-brief { padding: 20px; }
  .ashby-job-posting-brief-title { font-size: 22px; }
  .ashby-job-posting-left-pane { padding: 20px; }
  .ashby-job-posting-description,
  .ashby-job-posting-description p,
  .ashby-job-posting-description li { font-size: 16px; line-height: 1.75; }
  .ashby-job-board-heading::after { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .ashby-job-posting-brief { transition: none; }
}
