/* =====================================================
   YUGANTIX — Theme v4 PREVIEW (mint background + white header)
   index.html only, not wired into the rest of the site yet.

   Reference: AllianceTek about-us page — light sage/mint section
   background with a solid white header riding on top of it.
   ===================================================== */

:root {
  /* page background shifts from the cool pale-blue paper to a
     light sage/mint, matching the reference screenshots */
  --paper: #F8FCF9;
  --paper-deep: #EFF8F1;
  --paper-warm: #FAFDFB;
}

/* Header: solid white instead of the translucent warm-cream
   blur it currently uses */
.site-header {
  background: #FFFFFF;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid rgba(13, 18, 32, .06);
}
.site-header.is-scrolled {
  background: #FFFFFF;
  box-shadow: 0 1px 0 rgba(13, 18, 32, .06);
}
/* Disable the global atmospheric overlay (blue + gold corner glows)
   for this preview — it was tinting the new mint background back
   toward the old blue-gray look, which is why the change wasn't
   visible. The page just needs the flat mint tone underneath. */
body::before,
body::after {
  content: none;
}

/* The alternating "deep" sections (manifesto quote, stats, recent
   work) used a blue-gray tone that no longer matches the mint +
   white system — switching them to white so they read as a clean
   surface against the mint, not a leftover of the old palette */
.bg-deep {
  background: #FFFFFF;
}

/* First section (hero) and last section (final CTA wrapper —
   not the dark card itself, just the mint strip around it) also
   go white, per request */
.hero {
  background: #FFFFFF;
}
.section--final {
  background: #FFFFFF;
}