/* stylelint-disable */

/*
 * Custom theme for the Ashby job board embed on hex.tech/careers/[slug].
 * Not imported by the app — upload this file in the Ashby admin under the
 * job board's Theme settings. Keep it in sync with the values it mirrors:
 * the light-theme card surface (--fg100), the eggplant highlight color,
 * spacing.maxWidth.BLOG, and the site borderRadius tokens.
 */

:root {
  /* Matches the light-theme card surface (--fg100) the embed sits on */
  --colorAppBackground: #fffcfc;

  /*
   * Darker eggplant (eggplant mixed ~25% toward site BLACK #01011b).
   * WARNING - Ashby admin theme settings can also set this; keep them consistent.
   */
  --colorPrimary900: #251d33;

  /*
   * Eggplant — the site highlightColor and light-theme font color.
   * WARNING - Ashby admin theme settings can also set this; keep them consistent.
   */
  --colorPrimary600: #31263b;

  /* Matches the 740px text column (maxWidth.BLOG) wrapping the embed */
  --widthMaxContent: 740px;
  --widthMaxJobBoard: 740px;

  /* Cards are 12px; site-wide control radius is 3px */
  --borderRadiusContainer: 12px;
  --borderRadiusControl: 3px;
  --borderRadiusButton: 3px;

  /*
   * Cinetype is Hex's body font. It will only load inside the Ashby iframe
   * once hex.tech serves /fonts with Access-Control-Allow-Origin and an
   * @font-face is added here; until then the fallback stack applies.
   */
  --fontFamily: 'Cinetype', ui-sans-serif, system-ui, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/*
 * The form card paints its own surface with --colorNeutral000 and a shadow
 * (not --colorAppBackground, which only covers the app background behind it).
 * Flatten it so the form blends into the hex.tech card it is embedded in.
 */
.ashby-application-form-container {
  background-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}