/* ============================================================================
 * Radar — Ashby hosted job board theme
 * Matches the marketing site's design tokens + our custom Careers embed
 * (ashby/radar-job-board-embed.html).
 *
 * WHERE TO PASTE THIS:
 *   Ashby Admin > Job Boards > (Radar board) > Theme / Job Board Options >
 *   "Custom CSS". Paste this whole block.
 *
 * Design tokens (resolved literals from the Webflow site):
 *   font              Graphik            (--_type---family--default)
 *   text primary      #000001            (Gray 12 / --_color-semantics---text--primary)
 *   text secondary    #5f636c            (Gray 6  / --_color-semantics---text--secondary)
 *   text tertiary     #83868d            (Gray 5  / --_color-semantics---text--tertiary)
 *   brand sapphire    #0004f8            (links / accents / primary button bg)
 *   primary hover     #000286            (Cobalt 7 / --_color-semantics---button--primary-hover)
 *   on-primary text   #f8f8f8            (Gray 1  / --_color-semantics---button--primary-text)
 *   surface / card    rgba(222,224,226,.15)   (--_color-semantics---surface--card)
 *   surface / hover   rgba(222,224,226,.2)    (--_color-semantics---surface--hover)
 *   border / card     rgba(0,0,1,.15)         (--_color-semantics---border--card)
 *   sizes  body 1rem · caption .875rem · h5 1.25rem · h4 1.5rem · h3 2rem · h2 2.5rem
 *   weights  regular 400 · medium 500 · semibold 600
 * ========================================================================== */

/* ---- Real Graphik (Webflow CDN serves these with Access-Control-Allow-Origin: *) */
@font-face{font-family:"Graphik";src:url("https://cdn.prod.website-files.com/6750910fb09989bf4799d719/67990b33911e53780aaca8c6_Graphik-400-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Graphik";src:url("https://cdn.prod.website-files.com/6750910fb09989bf4799d719/67990b3324298c707f62ce8d_Graphik-500-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Graphik";src:url("https://cdn.prod.website-files.com/6750910fb09989bf4799d719/67990b336cc7f250af02f96e_Graphik-600-Semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"Graphik";src:url("https://cdn.prod.website-files.com/6750910fb09989bf4799d719/67990b33d0365091ea32b906_Graphik-700-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}

/* ---- Ashby's documented theme variables --------------------------------- */
:root{
  --colorAppBackground:#ffffff;
  /* WARNING: these two may also be set in Ashby Admin theme settings — keep in sync */
  --colorPrimary900:#000286;   /* darker  (Cobalt 7)  */
  --colorPrimary600:#0004f8;   /* lighter (Sapphire)  */

  --widthMaxContent:820px;
  --widthMaxJobBoard:820px;

  --borderRadiusContainer:12px;
  --borderRadiusControl:8px;
  --borderRadiusButton:8px;

  --fontFamily:"Graphik",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  /* Radar convenience tokens (used below) */
  --rdr-text-primary:#000001;
  --rdr-text-secondary:#5f636c;
  --rdr-text-tertiary:#83868d;
  --rdr-link:#0004f8;
  --rdr-surface-card:rgba(222,224,226,.15);
  --rdr-surface-hover:rgba(222,224,226,.2);
  --rdr-border-card:rgba(0,0,1,.15);
}

/* =========================================================================
 * BOARD (list view)
 * ======================================================================= */

/* Heading: "Open positions" — site h3 treatment */
.ashby-job-board-heading{
  color:var(--rdr-text-primary) !important;
  font-family:var(--fontFamily);
  font-size:2rem;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-0.02em;
}
/* The (N) count — site h5.is-secondary */
.ashby-job-board-heading-count{
  color:var(--rdr-text-secondary) !important;
  font-weight:500;
  font-size:1.25rem;
  letter-spacing:0;
}

/* Department group headers — site "caption medium" label */
.ashby-department-heading,
.ashby-job-posting-brief-department-heading{
  color:var(--rdr-text-primary) !important;
  font-family:var(--fontFamily);
  font-size:.875rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:0;
}
.ashby-department-heading-level,
.ashby-job-posting-brief-department-heading-level{
  color:var(--rdr-text-secondary) !important;
  font-size:.875rem;
  font-weight:500;
}

/* Filters row */
.ashby-job-board-filters-label{color:var(--rdr-text-secondary) !important;font-size:.875rem;font-weight:500;}
.ashby-job-board-filter{
  background:#ffffff !important;
  color:var(--rdr-text-primary) !important;
  border:1px solid var(--rdr-border-card) !important;
  border-radius:8px !important;
  font-size:.875rem;
}
.ashby-job-board-filter:hover{border-color:rgba(0,0,1,.30) !important;}
.ashby-job-board-filter:focus,
.ashby-job-board-filter:focus-visible{border-color:var(--rdr-link) !important;outline:none;}
.ashby-job-board-reset-filters-label{color:var(--rdr-link) !important;font-weight:500;}

/* Role cards — mirror .rjb-role from the marketing embed
 * (token surface bg + 1px box-shadow "border", no hard border, hover = surface-hover) */
.ashby-job-posting-brief{
  background:var(--rdr-surface-card) !important;
  border:0 !important;
  box-shadow:0 0 0 1px var(--rdr-border-card) !important;
  border-radius:12px !important;
  padding:1.25rem 1.5rem !important;
  margin-bottom:.75rem !important;
  transition:background .2s ease;
}
.ashby-job-posting-brief:hover{
  background:var(--rdr-surface-hover) !important;
  transform:none;
}

/* Role title — site "body medium" (primary, 500) — NOT a blue link */
.ashby-job-posting-brief-title{
  color:var(--rdr-text-primary) !important;
  font-family:var(--fontFamily);
  font-size:1rem;
  font-weight:500;
  line-height:1.4;
  letter-spacing:0;
}
/* Meta line (location · type) — site "caption is-secondary" */
.ashby-job-posting-brief-details{
  color:var(--rdr-text-secondary) !important;
  font-size:.875rem;
  font-weight:400;
  line-height:1.5;
}
a.ashby-job-posting-brief,
.ashby-job-posting-brief a{color:inherit;text-decoration:none;}

/* =========================================================================
 * JOB POSTING (detail view)
 * ======================================================================= */
.ashby-job-posting-heading{
  color:var(--rdr-text-primary) !important;
  font-family:var(--fontFamily);
  font-size:2.5rem;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-0.02em;
}
.ashby-job-posting-brief-title{ /* details pane subtitle */
  color:var(--rdr-text-primary) !important;
  font-weight:600;
}
.ashby-job-posting-brief-details{color:var(--rdr-text-secondary) !important;}

/* Rich-text description */
.ashby-job-posting-description{
  color:var(--rdr-text-secondary) !important;
  font-family:var(--fontFamily);
  font-size:1rem;
  line-height:1.6;
}
.ashby-job-posting-description h1,
.ashby-job-posting-description h2,
.ashby-job-posting-description h3,
.ashby-job-posting-description h4{
  color:var(--rdr-text-primary) !important;
  font-weight:600;
  letter-spacing:-0.01em;
}
.ashby-job-posting-description a{color:var(--rdr-link) !important;text-decoration:underline;}
.ashby-job-posting-description strong,
.ashby-job-posting-description b{font-weight:500;}

/* Back to all jobs — quiet text link */
.ashby-job-board-back-to-all-jobs-button{
  color:var(--rdr-text-secondary) !important;
  font-weight:500;
  text-decoration:none;
}
.ashby-job-board-back-to-all-jobs-button:hover{color:var(--rdr-text-primary) !important;}

/* =========================================================================
 * APPLICATION FORM
 * ======================================================================= */
.ashby-application-form-section-header-title{
  color:var(--rdr-text-primary) !important;
  font-family:var(--fontFamily);
  font-size:1.5rem;
  font-weight:600;
  letter-spacing:-0.01em;
}
.ashby-application-form-question-title{color:var(--rdr-text-primary) !important;font-weight:500;}
.ashby-application-form-question-description,
.ashby-application-form-section-header-description{color:var(--rdr-text-secondary) !important;}

.ashby-application-form-input-text,
.ashby-application-form-input-textarea,
.ashby-application-form-input-dropdown-select{
  background:#ffffff !important;
  color:var(--rdr-text-primary) !important;
  border:1px solid var(--rdr-border-card) !important;
  border-radius:8px !important;
  font-family:var(--fontFamily);
  font-size:1rem;
}
.ashby-application-form-input-text:focus,
.ashby-application-form-input-textarea:focus,
.ashby-application-form-input-dropdown-select:focus{
  border-color:var(--rdr-link) !important;
  box-shadow:0 0 0 3px rgba(0,4,248,.12) !important;
  outline:none;
}

/* File dropzone */
.ashby-application-form-input-file-dropzone{
  background:var(--rdr-surface-card) !important;
  border:1px dashed var(--rdr-border-card) !important;
  border-radius:8px !important;
  color:var(--rdr-text-secondary) !important;
}

/* Submit — site primary button */
.ashby-application-form-submit-button{
  background:var(--rdr-link) !important;
  color:#f8f8f8 !important;
  border:0 !important;
  border-radius:8px !important;
  font-family:var(--fontFamily);
  font-weight:500;
  transition:background .2s ease;
}
.ashby-application-form-submit-button:hover{background:#000286 !important;}

/* =========================================================================
 * RESPONSIVE
 * ======================================================================= */
@media (max-width:600px){
  .ashby-job-board-heading{font-size:1.75rem;}
  .ashby-job-posting-heading{font-size:2rem;}
  .ashby-job-posting-brief{padding:1rem 1.25rem !important;}
}