/* ==========================================================================
   II.inc Theme for Ashby Hosted Page V1
   Updated to match II Brand Guidelines (Light)
   --------------------------------------------------------------------------
   Primary palette:    Navy Blue #0f233f   Sky Blue #bee6ed   Parchment #f2eee2
   Secondary palette:  Periwinkle #83a1cc  Slate Grey #546070  Sea Foam #e8ede5
                       Mist Grey #ebedee   Stone #808080
   Typography:         Cormorant Garamond (headings) / Source Serif 4 (body)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Source+Serif+4:wght@300;400;600&display=swap');

:root {
  /* The max width of the job board container */
  --widthMaxJobBoard: 1024px;

  /* Font families */
  --fontFamily: 'Source Serif 4', Georgia, serif;

  /* Brand-mapped neutrals (light theme) */
  --colorAppBackground: #f2eee2; /* Parchment */

  --colorNeutral000: #f2eee2 !important; /* Parchment - page surface */
  --colorNeutral800: #0f233f !important; /* Navy Blue - primary text */
  --colorNeutral700: #546070 !important; /* Slate Grey - secondary text */
}

/* The heading of a department, which can have many teams under it. */
.ashby-department-heading {
  color: #0f233f;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
}

/* The heading of a single team. */
.ashby-department-heading-level {
  color: #0f233f;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
}

/* The 'Filters' label element in the job board. */
.ashby-job-board-filters-label {
  color: #0f233f;
}

/* The heading of the entire job board. */
.ashby-job-board-heading {
  color: #0f233f;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
}

/* The 'Reset filters' label element in the job board. */
.ashby-job-board-reset-filters-label {
  color: #546070;
}

/* The container of the job posting details pane. */
.ashby-job-posting-brief {
  /* This adds some space between posting briefings. */
  margin-bottom: 10px;
  background-color: #f2eee2;
  border: 1px solid #ebedee !important; /* Mist Grey */
}

/* Hover state on the job posting details pane. */
.ashby-job-posting-brief:hover {
  background-color: #e8ede5; /* Sea Foam */
}

/* The left pane of the job posting, with the job posting details */
.ashby-job-posting-left-pane {
  background-color: #f2eee2;
}

.ashby-job-posting-left-pane h2 {
  color: #0f233f;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
}

/* The right pane of the job posting, containing the tabs, overview, and application form */
.ashby-job-posting-right-pane {
  background-color: #f2eee2;
}

.ashby-job-posting-right-pane > div {
  background-color: #f2eee2;
}