/* ==========================================================================
   Whirl AI — Ashby job board theme
   --------------------------------------------------------------------------
   Colors and fonts only. No layout, spacing, borders, or hover changes —
   Ashby's own structure is left alone on purpose.

   Three goals:
     1. Everything renders in Inter (Ashby ships Whitney SSm by default).
     2. Text is the site's black    #0a0a0a
     3. Background is the site's light blue #e2f2fa  (--base-color-brand--blue-light)

   Install: paste into Ashby Admin -> Job Boards -> [board] -> Theme -> Custom CSS,
   or host this file and pass its URL as `customCssUrl` in the embed settings.
   ========================================================================== */

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

:root {
  --fontFamily:
    "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;

  /* Site background. WARNING: also settable in Ashby admin under Theme
     settings — keep the two in sync or they'll fight. */
  --colorAppBackground: #e2f2fa;
  --colorPrimary900: #0a0a0a; /* darker primary  (site: --base-color-neutral--black) */
  --colorPrimary600: #f17043; /* lighter primary (site: --orange) */
}

/* --------------------------------------------------------------------------
   1. Inter everywhere
   --------------------------------------------------------------------------
   Ashby sets font-family on a number of its own components, so the variable
   alone doesn't reach all of them. The universal selector guarantees it.
   Ashby's icons are inline SVG, so nothing here is icon-font dependent.
   -------------------------------------------------------------------------- */
body,
body * {
  font-family: var(--fontFamily) !important;
}

/* --------------------------------------------------------------------------
   2. Background + text color
   -------------------------------------------------------------------------- */
body,
.ashby-job-posting-brief-list,
.ashby-job-posting-header,
.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane,
.ashby-application-form-container,
.ashby-application-form-section-container,
.ashby-survey-form-container,
/* The "Autofill from resume" box. Ashby builds it as a white card container,
   which is a separate thing from --colorAppBackground, so the variable never
   reaches it. Three nested elements can carry that white; all are covered. */
.ashby-application-form-autofill-pane,
.ashby-application-form-autofill-input-root,
.ashby-application-form-autofill-input-base-layer {
  background-color: #e2f2fa !important;
  color: #0a0a0a !important;
}

/* Headings and body copy Ashby colors on its own. */
.ashby-job-board-heading,
.ashby-job-board-heading-count,
.ashby-department-heading,
.ashby-department-heading-level,
.ashby-job-posting-heading,
.ashby-job-posting-brief-title,
.ashby-job-posting-brief-details,
.ashby-job-posting-brief-department-heading,
.ashby-job-posting-brief-department-heading-level,
.ashby-job-board-filters-label,
.ashby-job-board-filter,
.ashby-job-board-back-to-all-jobs-button,
.ashby-job-posting-right-pane-overview-tab,
.ashby-job-posting-right-pane-application-tab,
.ashby-application-form-question-title,
.ashby-application-form-question-description,
.ashby-application-form-section-header-title,
.ashby-application-form-section-header-description,
.ashby-application-form-autofill-input-title,
.ashby-application-form-autofill-input-description {
  color: #0a0a0a !important;
}

/* --------------------------------------------------------------------------
   3. Ashby's shared white card container
   --------------------------------------------------------------------------
   Ashby paints several boxes (the autofill pane, the application form, job
   cards) with one internal "container" class. It has no ashby-* hook and no
   theme variable — it's a CSS-module class, `_container_f7cvd_28` today.

   That trailing hash is regenerated every time Ashby rebuilds their frontend,
   so hardcoding it would work now and silently revert to white on some future
   release. Matching the stable middle of the name survives that.
   -------------------------------------------------------------------------- */
[class*="_container_"] {
  background-color: #e2f2fa !important;
}

/* --------------------------------------------------------------------------
   4. Hide the "Powered by Ashby" footer
   --------------------------------------------------------------------------
   The iframe document contains nothing but the job board, so a bare `footer`
   is safe here and doesn't depend on guessing Ashby's CSS-module class names.
   -------------------------------------------------------------------------- */
footer {
  display: none !important;
}