/* ============================================================
   WARM THEME OVERRIDE  ·  Fully Built landing → dashboard system
   ------------------------------------------------------------
   Re-skins index.html onto the fullybuilt-core "warm editorial"
   palette. COLORS / TYPE / DEPTH only — NO layout changes.
   Works by remapping the page's existing CSS variables by role
   (surface / text / accent), plus a few hardcoded white-alpha spots.
   Loaded AFTER the Webflow CSS so it wins the cascade.
   ============================================================ */

:root {
  /* ── SURFACES: dark navy → warm light ── */
  --_color-palette---secondary--secondary-900: #F7F8FA;  /* page background */
  --_color-palette---secondary--secondary-800: #FFFFFF;  /* cards */
  --_color-palette---secondary--secondary-600: #E7E9EE;  /* borders */
  --_color-palette---secondary--secondary-500: #EEF0F3;
  --_color-palette---gray--gray-900: #F7F8FA;
  --_color-palette---gray--gray-800: #FFFFFF;

  /* ── TEXT: white/light-gray → warm ink/sub/faint ── */
  --base--white:  #1C1E24;   /* was #fff — headings & body text */
  --base--black:  #1C1E24;
  --_color-palette---gray--gray-200: #6E727B;
  --_color-palette---gray--gray-400: #6E727B;
  --_color-palette---gray--gray-500: #A6ABB5;

  /* ── ACCENT: electric green → warm muted green ── */
  --_color-palette---primary--primary-400: #2B9E8F;
  --_color-palette---primary--primary-500: #259084;
  --_color-palette---primary--primary-600: #1F7A6F;
  --_color-palette---primary--primary-700: #1A6A60;
}

/* Warmer type rendering */
body, .body-3, .body-4 {
  -webkit-font-smoothing: antialiased;
  background-color: #F7F8FA;
}

/* ── De-boxed transparent nav (matches the redesigned homepage) ── */
.navbar,
.navbar-logo-left-container.shadow-three {
  background-color: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ── Default readable text on the warm theme ──
   Some headings/paragraphs had no explicit color and inherited the old
   white-on-dark body color → invisible on the light bg. Set a sensible
   ink/sub default. No !important, so intentional white-on-green CTA text and
   green accent spans (which carry their own/!important rules) still win. */
h1, h2, h3, h4, h5, h6,
[class^="heading"], [class*=" heading"] { color: #1C1E24; }
p, [class^="paragraph"], [class*=" paragraph"],
[class^="text-block"], [class*=" text-block"] { color: #6E727B; }

/* ── Satoshi type system across every warm page (matches homepage) ── */
body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6,
.w-button, .nav--link,
[class^="heading"], [class*=" heading"],
[class^="paragraph"], [class*=" paragraph"],
[class^="text-block"], [class*=" text-block"],
[class^="text-span"], [class*=" text-span"] {
  font-family: 'Satoshi', sans-serif !important;
}

/* ── White-alpha borders/fills → warm equivalents ── */
.p-icon-list.facts-card { border-color: #E7E9EE !important; }
.brand-block,
.fb-stats-inner { border-color: #E7E9EE !important; }
.social-icon { background-color: #EEF0F3 !important; }

/* ── Card depth: dark theme had none; light needs soft shadow ── */
.solution-card,
.p-icon-list.facts-card,
.brand-block {
  box-shadow: 0 1px 2px rgba(28,30,36,.04), 0 4px 14px rgba(28,30,36,.05);
}

/* ── Primary button: keep white text on warm green + hover lift ── */
.btn--green {
  color: #FFFFFF !important;
  box-shadow: 0 1px 2px rgba(31,122,111,.18), 0 8px 18px rgba(43,158,143,.20);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.btn--green:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(31,122,111,.22), 0 14px 28px rgba(43,158,143,.28);
}

/* ── Accent spans stay green (some used gray-500 = faint; keep readable) ── */
.text-span-2 { color: #2B9E8F !important; }

/* ── Subtle, layout-safe motion on the hero illustration ──
   transform-only (no reflow) so the "things move" without moving layout. */
@keyframes fb-warm-float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50%      { transform: translateY(-12px) rotate(-.35deg); }
}
.image-3 {
  animation: fb-warm-float 7s ease-in-out infinite;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .image-3 { animation: none; }
}

/* ============================================================
   FIXES (post-screenshot) — dark-theme assets that didn't adapt
   ============================================================ */

/* ── #1 Logo: white SVG → dark, so it shows on the light nav ── */
.navbar-brand .image-19 { filter: brightness(0); }

/* ── #2 Brand logo strips (all four sections): clean dark monochrome,
   uniform size. New vector logos carry no intrinsic size, so set height. */
.image-group img {
  filter: brightness(0);
  opacity: .58;
  transition: opacity .2s ease;
  height: 30px;
  width: auto;
  max-width: 132px;
  object-fit: contain;
}
.image-group img:hover { opacity: .9; }

/* ── #3 Testimonial cards: dark navy island → warm white card ── */
.fb-testimonial-card {
  background-color: #FFFFFF !important;
  border: 1px solid #E7E9EE !important;
  box-shadow: 0 1px 2px rgba(28,30,36,.04), 0 6px 20px rgba(28,30,36,.06);
}
.fb-testimonial-quote { color: #1C1E24 !important; }
.fb-testimonial-name  { color: #1C1E24 !important; }
.fb-testimonial-brand { color: #2B9E8F !important; }
.fb-testimonial-stars { color: #2B9E8F !important; }

/* #3 (real) — testimonials are Webflow SLIDER cards (.slide-inner-2),
   hardcoded #13182e. Flip to warm white + ink text. */
.slide-inner-2 {
  background-color: #FFFFFF !important;
  border: 1px solid #E7E9EE !important;
  box-shadow: 0 1px 2px rgba(28,30,36,.04), 0 6px 20px rgba(28,30,36,.06);
}
.slide-inner-2 .paragraph-14,
.slide-inner-2 .client-quote,
.slide-inner-2 .text-block-30 { color: #1C1E24 !important; }
.slide-inner-2 .text-block-31 { color: #6E727B !important; }
.slide-inner-2 .read-more-link,
.slide-inner-2 .link-3 { color: #2B9E8F !important; }

/* ── #4 Green CTA band: drop electric-green bg image, force readable
   white text + a real white button on the warm muted green ── */
.green-card-main {
  background-image: none !important;          /* var already = warm green #2B9E8F */
  background-color: #2B9E8F !important;
}
/* prevent any full-bleed breakout from causing horizontal scroll */
html, body { overflow-x: clip; }
.green-card-main .white-title,
.green-card-main .white-text,
.green-card-main .white-info,
.green-card-main .text-block-3 { color: #FFFFFF !important; }
.green-card-main .text-block-3 strong { color: #FFFFFF !important; }
.white-button {
  background-color: #FFFFFF !important;
  color: #1F7A6F !important;
}
.white-button:hover {
  background-color: #F2FBF9 !important;
  color: #1A6A60 !important;
}

/* ── #5 Kill the dark-theme GLOW SVGs (periwinkle #859ADC / navy #3D455E)
   baked into background images. They were invisible on navy but read as a
   blue haze on the light theme. Remove them; surfaces stay clean. ── */
.body-3, .body-4,
.section-how-build, .section-how-build.how-to-build,
.p-icon-list.facts-card,
.solution-card, .solution-card.solution-small-card {
  background-image: none !important;
}
/* facts cards now read as clean white cards like the rest */
.p-icon-list.facts-card {
  background-color: #FFFFFF !important;
}

/* ── Illustrations sit directly on the page — drop the card frame ── */
.image-block {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}