/* ============================================================
   Fractional AI (Ode rebrand) — Ashby Job Board theme
   Colors, fonts & border-radii only — no layout changes
   ============================================================ */

   @font-face {
    font-family: "ABC Diatype";
    src: url("https://cdn.prod.website-files.com/6a3426a0a0aec1b51be8611b/6a565de8c663e70dceb34bda_ABCDiatype-Regular.woff2") format("woff2");
    font-weight: 400; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: "ABC Diatype Semi Mono";
    src: url("https://cdn.prod.website-files.com/6a3426a0a0aec1b51be8611b/6a565de8f49fa1d4a7b165aa_ABCDiatypeSemiMono-Regular.woff2") format("woff2");
    font-weight: 400; font-style: normal; font-display: swap;
  }
  
  :root {
    /* --- Ode brand tokens --- */
    --ode-cola:     #3c2e2a;   /* primary ink */
    --ode-bone:     #fbfbf8;   /* background  */
    --ode-tomato:   #cd3e1d;   /* accent      */
    --ode-orange:   #d14424;   /* accent alt  */
    --ode-dove:     #625855;   /* muted text  */
    --ode-cola-6:   color-mix(in hsl, var(--ode-cola) 6%, transparent);
    --ode-cola-12:  color-mix(in hsl, var(--ode-cola) 12%, transparent);
    --ode-cola-62:  color-mix(in hsl, var(--ode-cola) 62%, transparent);
    --ode-font:     "ABC Diatype", Arial, sans-serif;
    --ode-mono:     "ABC Diatype Semi Mono", Arial, sans-serif;
  
    /* --- Ashby theme variables: color + radius only --- */
    --colorPrimary900:       var(--ode-cola);
    --colorPrimary600:       var(--ode-tomato);
    --colorNeutral000:       var(--ode-bone);
    --colorAppBackground:    var(--ode-bone);
    --borderRadiusContainer: 10px;
    --borderRadiusControl:   4px;
    --borderRadiusButton:    10px;
    --fontFamily:            var(--ode-font);
  }
  
  /* Base canvas */
  body {
    background-color: var(--ode-bone);
    color: var(--ode-cola);
    font-family: var(--ode-font);
    letter-spacing: .01em;
  } 
  
  /* Board heading + count */
  .ashby-job-board-heading {
    font-family: var(--ode-font);
    color: var(--ode-cola);
    font-weight: 400;
    letter-spacing: -.02em;
  }
  .ashby-job-board-heading-count {
    font-family: var(--ode-mono);
    color: var(--ode-dove);
    letter-spacing: .05em;
  }
  
  /* Filters */
  .ashby-job-board-filters-label {
    font-family: var(--ode-mono);
    font-size: .75rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ode-dove);
  }
  .ashby-job-board-filter {
    font-family: var(--ode-mono);
    color: var(--ode-cola);
    background-color: var(--ode-bone);
    border-color: var(--ode-cola-12);
    border-radius: var(--borderRadiusControl);
  }
  .ashby-job-board-filter:hover { border-color: var(--ode-cola-62); }
  .ashby-job-board-filter:focus { border-color: var(--ode-tomato); }
  .ashby-job-board-reset-filters-label {
    font-family: var(--ode-mono);
    color: var(--ode-tomato);
  }
  
  /* Department / team headings */
  .ashby-department-heading {
    font-family: var(--ode-font);
    color: var(--ode-cola);
    font-weight: 400;
    letter-spacing: -.02em;
  }
  .ashby-department-heading-level {
    font-family: var(--ode-mono);
    font-size: .75rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ode-dove);
  }
  
  /* Job posting cards */
  .ashby-job-posting-brief {
    background-color: var(--ode-bone);
    border-color: var(--ode-cola-12);
    border-radius: var(--borderRadiusContainer);
  }
  .ashby-job-posting-brief:hover {
    background-color: var(--ode-cola-6);
    border-color: var(--ode-tomato);
  }
  
  .ashby-job-posting-brief-title {
    font-family: var(--ode-font);
    color: var(--ode-cola);
    font-weight: 400;
    letter-spacing: -.02em;
  }
  .ashby-job-posting-brief-details {
    font-family: var(--ode-mono);
    font-size: .8rem;
    letter-spacing: .03em;
    color: var(--ode-dove);
  }
  .ashby-job-posting-brief-details,
  .ashby-job-posting-brief-details p:last-child {
    color: var(--ode-cola);
  }
  
  /* ---- Individual job posting page ---- */
  .ashby-job-posting-heading,
  .ashby-job-posting-header {
    font-family: var(--ode-font);
    color: var(--ode-cola);
    letter-spacing: -.02em;
  }
  .ashby-job-board-back-to-all-jobs-button {
    font-family: var(--ode-mono);
    font-size: .72rem;
    letter-spacing: .1em;
    color: var(--ode-tomato);
  }
  .ashby-job-posting-right-pane-tab-slider {
    font-family: var(--ode-mono);
    letter-spacing: .05em;
  }
  
  /* ---- Application form ---- */
  .ashby-application-form-question-title,
  .ashby-application-form-section-header-title {
    font-family: var(--ode-mono);
    color: var(--ode-cola);
  }
  .ashby-application-form-submit-button {
    font-family: var(--ode-mono);
    font-size: .75rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    border-radius: var(--borderRadiusButton);
    background-color: var(--ode-cola);
    color: var(--ode-bone);
  }
  .ashby-application-form-submit-button:hover {
    background-color: var(--ode-tomato);
        }
  
  /* ============================================================
     Job DETAIL page additions — approved .ashby-* selectors only
     ============================================================ */
  
  /* Overview / Application tab labels */
  .ashby-job-posting-right-pane-overview-tab,
  .ashby-job-posting-right-pane-application-tab {
    font-family: var(--ode-mono);
    font-size: .8rem;
    letter-spacing: .05em;
    color: var(--ode-dove);
  }
  
  /* Active-tab sliding underline indicator */
  .ashby-job-posting-right-pane-tab-slider {
    background-color: var(--ode-tomato);
  }
  
  /* Header / logo bar */
  .ashby-job-posting-header {
    background-color: var(--ode-bone);
  }
  
  /* Left pane — job description content + sub-headings */
  .ashby-job-posting-left-pane {
    color: var(--ode-cola);
    font-family: var(--ode-font);
  }
  .ashby-job-posting-left-pane h1,
  .ashby-job-posting-left-pane h2,
  .ashby-job-posting-left-pane h3,
  .ashby-job-posting-left-pane h4 {
    font-family: var(--ode-font);
    color: var(--ode-cola);
    font-weight: 400;
    letter-spacing: -.02em;
  }
  .ashby-job-posting-left-pane a {
    color: var(--ode-tomato);
    text-underline-offset: .12em;
  }
  .ashby-job-posting-left-pane a:hover {
    text-decoration: none;
  }
  
  /* Right pane — overview body text */
  .ashby-job-posting-right-pane-overview-tab {
    font-family: var(--ode-mono);
    letter-spacing: .05em;
  }