/* ============================================================
   SapienAI Careers Site — brand override CSS
   Loaded as a Static Resource, linked via Head Markup
   (/sfsites/c/resource/careersSiteCss?v=8).
   Palette: canvas #FFF6E9 · ink #182A46 · gold #D7AA4F · violet #F2DCF4 (gradient only)
   ============================================================ */

/* ---- Font ---- */
:root,
.slds-scope {
  --lwc-fontFamily: 'Plus Jakarta Sans', system-ui, sans-serif;
}
body,
.slds-scope,
.slds-scope h1,
.slds-scope h2,
.slds-scope h3,
.slds-scope h4,
.slds-scope p,
.slds-scope a,
.slds-scope button {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
}

/* ---- Signature violet-over-sand gradient ----
   VISIBLE wash, but the top of the viewport is kept flat sand so the
   sticky sand header blends in (no strong band up by the header).
   Bands are centred lower down the viewport; opacity high enough to read
   as a soft lavender glow. Tunable: raise/lower the rgba alpha to taste. */
body,
.siteforceContentArea,
.forceCommunityThemeLayout,
.cb-theme-layout,
[data-aura-class~="siteforceStarterBody"] {
  background:
    radial-gradient(ellipse 190% 30% at 50% 50%, rgba(242,220,244,0.60) 0%, transparent 70%),
    radial-gradient(ellipse 210% 32% at 50% 82%, rgba(242,220,244,0.52) 0%, transparent 66%),
    #FFF6E9 !important;
  background-attachment: fixed !important;
}

/* ---- Header: solid sand canvas + pinned to top ---- */
header[data-f6-region],
.community_byo-scoped-header-and-footer,
.community_byo-scoped-header-and-footer__header-content {
  background: #FFF6E9 !important;
  background-color: #FFF6E9 !important;
}
header[data-f6-region] {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

/* ---- Footer: transparent so the page's fixed gradient shows through ----
   (Flat sand created a visible seam against the gradient-tinted content above.)
   The footer isn't sticky, so transparency is safe here. */
footer[data-f6-region],
.community_byo-scoped-header-and-footer__footer-content {
  background: transparent !important;
  background-color: transparent !important;
}
footer[data-f6-region] .background-image,
footer[data-f6-region] .background-image-overlay {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* ---- Buttons: gold fill, navy text, 4px radius (SLDS styling hooks) ---- */
.slds-scope {
  --slds-c-button-brand-color-background: #D7AA4F;
  --slds-c-button-brand-color-border: #D7AA4F;
  --slds-c-button-brand-text-color: #182A46;
  --slds-c-button-brand-color-background-hover: #B8922E;
  --slds-c-button-brand-color-border-hover: #B8922E;
  --slds-c-button-brand-color-background-active: #B8922E;
  --slds-c-button-brand-color-border-active: #B8922E;
  --slds-c-button-radius-border: 4px;
}

/* ---- Focus ring (accessibility, brief §11) ---- */
.slds-scope a:focus-visible,
.slds-scope button:focus-visible {
  outline: 2px solid #D7AA4F !important;
  outline-offset: 3px !important;
}