/* Meadow – Ashby job board styles
   Uploaded in Ashby: Job Board Options > Custom CSS.
   Values mirror the Webflow tokens (the iframe can't read Webflow variables). */

/* Fonts: the iframe can't load the site's Webflow fonts, so text uses the
   fallbacks below (Helvetica Neue / Georgia). To use Neue Haas and Argent,
   add @font-face rules here with the .woff2 URLs from the published site. */

/* ---- Ashby variables ---- */
:root {
  --colorAppBackground: transparent;
  --colorPrimary900: #1f2726;          /* text/primary (forest 800) */
  --colorPrimary600: #546e60;          /* meadow 500 */
  --widthMaxContent: 100%;
  --widthMaxJobBoard: 100%;
  --borderRadiusContainer: 16px;
  --borderRadiusControl: 8px;
  --borderRadiusButton: 999px;
  --fontFamily: "Neuehaasgrotesktext", "Helvetica Neue", Arial, sans-serif;

  /* Meadow tokens */
  --m-text: #1f2726;
  --m-text-secondary: rgba(31, 39, 38, 0.7);
  --m-border: rgba(31, 39, 38, 0.12);
  --m-meadow: #546e60;
  --m-sprout: #caf677;
  --m-cloud: #f7f7f7;
}

body { color: var(--m-text); }

/* ---- Job list ---- */
.ashby-job-board-heading {
  font-family: "Argent", Georgia, serif;
  font-weight: 400;
  color: var(--m-text);
}
.ashby-job-board-heading-count { color: var(--m-text-secondary); }

.ashby-department-heading,
.ashby-job-posting-brief-department-heading {
  font-family: "Argent", Georgia, serif;
  font-weight: 400;
  color: var(--m-text);
}

.ashby-job-posting-brief {
  margin-bottom: 12px;
  padding: 20px 24px;
  background: #fff;
  border: 1px solid var(--m-border);
  border-radius: 16px;
  box-shadow: none;
  transition: border-color 0.2s ease;
}
.ashby-job-posting-brief:hover { border-color: var(--m-meadow); }

.ashby-job-posting-brief-title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--m-text);
}
.ashby-job-posting-brief-details {
  font-size: 0.875rem;
  color: var(--m-text-secondary);
}

/* ---- Filters ---- */
.ashby-job-board-filter {
  border: 1px solid var(--m-border);
  border-radius: 8px;
  background: #fff;
  color: var(--m-text);
}
.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label { color: var(--m-text-secondary); }

/* ---- Job posting page ---- */
.ashby-job-posting-heading {
  font-family: "Argent", Georgia, serif;
  font-weight: 400;
  color: var(--m-text);
}
.ashby-job-posting-description { color: var(--m-text); line-height: 1.6; }
.ashby-job-posting-left-pane { color: var(--m-text-secondary); }
.ashby-job-board-back-to-all-jobs-button { color: var(--m-meadow); }

/* ---- Application form ---- */
.ashby-application-form-question-title { font-weight: 500; color: var(--m-text); }
.ashby-application-form-question-description { color: var(--m-text-secondary); }

.ashby-application-form-input-text,
.ashby-application-form-input-textarea,
.ashby-application-form-input-dropdown-select {
  border: 1px solid var(--m-border);
  border-radius: 8px;
  color: var(--m-text);
}

.ashby-application-form-input-file-dropzone {
  border: 1px dashed var(--m-border);
  border-radius: 16px;
  background: var(--m-cloud);
}

/* Primary button: matches site buttons (dark pill, sprout text) */
.ashby-application-form-submit-button {
  background: var(--m-text);
  color: var(--m-sprout);
  border-radius: 999px;
  font-weight: 500;
}
.ashby-application-form-submit-button:hover { background: #000; }