/* Valid — custom CSS for the hosted Ashby job board (jobs.ashbyhq.com/Valid).
 * Upload at: Ashby Admin → Job Boards → Valid → Theme → Custom CSS.
 *
 * Ashby's uploader only accepts the documented :root variables and .ashby-*
 * class names (plus at-rules) — no #id / element / attribute selectors.
 *
 * Look: Source Serif headings + Source Sans body (matches valid.co), warm cream
 * board with white cards, brand teal #102930, pill buttons. */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap');

:root {
  --fontFamily: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --widthMaxJobBoard: 760px;
  --borderRadiusButton: 999px;
  --borderRadiusControl: 10px;
  --borderRadiusContainer: 14px;
  --colorAppBackground: #f6f5f0;   /* warm cream board */
}

/* Section headings → Source Serif, brand teal */
.ashby-job-board-heading {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  color: #102930;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.ashby-job-board-heading-count { color: #738082; font-weight: 400; }

.ashby-department-heading,
.ashby-job-posting-brief-department-heading {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  color: #102930;
  font-weight: 600;
}

/* Job rows → white cards on cream, subtle teal hover */
.ashby-job-posting-brief {
  border: 1px solid #e8e4da;
  background: #ffffff;
  border-radius: var(--borderRadiusContainer);
  padding: 20px 22px;
  margin-bottom: 12px;
  transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}
.ashby-job-posting-brief:hover {
  border-color: #102930;
  box-shadow: 0 10px 26px rgba(16, 41, 48, .08);
  transform: translateY(-1px);
}

.ashby-job-posting-brief-title { color: #102930; font-weight: 600; }
.ashby-job-posting-brief-details { color: #738082; }
.ashby-application-form-submit-button { font-weight: 600; }