/* Ashby Job Board — Custom Theme
   Background: #1C1C1C | Headline: white | Subheads: 50% grey | Font: Roboto */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');

:root {
  --colorAppBackground: #1C1C1C;
  --fontFamily: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

/* Main job board headline (e.g. "Browse our current openings") */
.ashby-job-board-heading,
.ashby-job-board-heading-count {
  font-family: var(--fontFamily);
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Filters */
.ashby-job-board-filter,
.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label {
  font-family: var(--fontFamily);
}

/* Department / team subheadings */
.ashby-department-heading,
.ashby-job-posting-brief-department-heading,
.ashby-department-heading-level,
.ashby-job-posting-brief-department-heading-level {
  font-family: var(--fontFamily);
  color: rgba(255, 255, 255, 0.5);
}

/* Job posting titles inherit white so they stay readable on the dark bg */
.ashby-job-posting-brief-title {
  font-family: var(--fontFamily);
  color: #FFFFFF;
}

/* Individual job posting page headline (e.g. "Generative Artist") — brand color */
.ashby-job-posting-heading {
  font-family: var(--fontFamily);
  color: #FBFF00 !important;
  font-weight: 300 !important;
  font-size: 2.5rem !important;
}

.ashby-job-posting-header,
.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane,
.ashby-job-posting-right-pane-overview-tab,
.ashby-job-posting-right-pane-application-tab,
.ashby-job-board-back-to-all-jobs-button {
  font-family: var(--fontFamily);
}

/* Buttons — Roboto Light. Uses a substring match on class so it catches every
   "Upload file" button across all autofill fields (resume, cover letter, etc.),
   regardless of which specific autofill sub-container wraps it. */
.ashby-job-board-back-to-all-jobs-button,
.ashby-application-form-submit-button,
[class*="ashby-application-form-autofill"] button,
[class*="ashby-application-form-autofill"] {
  font-family: var(--fontFamily);
  font-weight: 300 !important;
}

[class*="ashby-application-form-autofill"] button {
  color: #222222 !important;
}

[class*="ashby-application-form-autofill"] button:hover {
  color: #FFFFFF !important;
}

/* Push the job title + Overview/Application tabs down from the logo above */
.ashby-job-posting-header {
  padding-top: 20px !important;
}

/* "Overview" / "Application" tab labels — near-white when off, full brand
   yellow on hover and when active */
.ashby-job-posting-right-pane-overview-tab,
.ashby-job-posting-right-pane-application-tab {
  color: #A5A5A5 !important;
  font-weight: 300 !important;
}

a[aria-selected="true"] .ashby-job-posting-right-pane-overview-tab,
a[aria-selected="true"] .ashby-job-posting-right-pane-application-tab {
  color: #FFFFFF !important;
}

.ashby-job-posting-right-pane-overview-tab:hover,
.ashby-job-posting-right-pane-application-tab:hover {
  color: #FBFF00 !important;
}

/* Underline bar beneath the active tab */
.ashby-job-posting-right-pane-tab-slider {
  background-color: #FBFF00 !important;
}

/* Job posting detail text (location, team) at 50% grey to match subheads */
.ashby-job-posting-brief-details {
  font-family: var(--fontFamily);
  color: rgba(255, 255, 255, 0.5);
}

/* Individual job posting card — Ashby defaults this to a solid white
   background, so it needs an explicit override. Subtle charcoal, slightly
   lighter than the page background so cards still read as distinct. */
.ashby-job-posting-brief {
  background-color: #2A2A2A;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.ashby-job-posting-brief:hover {
  background-color: #333333 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

/* Application form */
.ashby-application-form-container,
.ashby-application-form-section-header-title,
.ashby-application-form-section-header-description,
.ashby-application-form-question-title,
.ashby-application-form-question-description,
.ashby-application-form-submit-button,
.ashby-application-form-autofill-input-title,
.ashby-application-form-autofill-input-description,
.ashby-application-form-texting-consent-description {
  font-family: var(--fontFamily);
}