/**
 * Color-only light skin for the static Casan Denmark /v2 mirror.
 * Layout, type, radii, shadows, and structure stay identical — only paints flip.
 */

html.v2-light,
body.v2-light {
  background-color: #f7f8f7 !important;
  color: #0e1615 !important;
}

/* ── Section / page fills ─────────────────────────────────────────── */
body.v2-light .bg-section-dark-bg:not([data-section-name="hero"]):not(:has(.hero-video-background)),
body.v2-light .bg-deep-navy,
body.v2-light .bg-coal-black,
body.v2-light [class*="bg-[#02090A]"],
body.v2-light [class*="bg-[#02090a]"],
body.v2-light [class*="bg-[#000a1e]"],
body.v2-light [class*="bg-[#000A1E]"],
body.v2-light [class*="bg-[#000A1D]"],
body.v2-light [class*="bg-[#000a1d]"],
body.v2-light [class*="bg-[#020A08]"],
body.v2-light [class*="bg-[#020a08]"],
body.v2-light [class*="bg-[#010624]"],
body.v2-light [class*="bg-[#060607]"],
body.v2-light [class*="bg-[#0e0e10]"] {
  background-color: #f7f8f7 !important;
}

/* Keep a dark underpaint behind the hero photo (not paper) */
body.v2-light [data-section-name="hero"].bg-section-dark-bg {
  background-color: #02090a !important;
}

/* Hero → a-b lip (`after:bg-coal-black after:rounded-t-5xl`) */
body.v2-light .after\:bg-coal-black:after,
body.v2-light [data-section-name="hero"].after\:bg-coal-black:after {
  background-color: #f7f8f7 !important;
  --tw-shadow-color: rgba(14, 22, 21, 0.08);
}

/*
 * Full-height dark wash over the hero photo so white headline + nav stay
 * readable (light skin otherwise forces ink-dark type globally).
 */
body.v2-light [data-section-name="hero"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  width: 100% !important;
  pointer-events: none !important;
  z-index: 10 !important;
  background: linear-gradient(
    180deg,
    rgba(2, 9, 10, 0.58) 0%,
    rgba(2, 9, 10, 0.4) 42%,
    rgba(2, 9, 10, 0.72) 100%
  ) !important;
}

body.v2-light [data-section-name="hero"].text-section-dark-text,
body.v2-light [data-section-name="hero"] .text-section-dark-text,
body.v2-light [data-section-name="hero"] .text-white,
body.v2-light [data-section-name="hero"] [class*="text-white"] {
  color: #ffffff !important;
}

body.v2-light [data-section-name="hero"] .text-white\/70,
body.v2-light [data-section-name="hero"] [class*="text-white/70"],
body.v2-light [data-section-name="hero"] [class*="text-white\/70"] {
  color: rgba(255, 255, 255, 0.72) !important;
}

/* Pseudo fills that Tailwind applies on :before / :after */
body.v2-light [class*="before:bg-[#02090A]"]:before,
body.v2-light [class*="before:bg-[#02090a]"]:before,
body.v2-light [class*="before:bg-[#051517]"]:before,
body.v2-light [class*="before:bg-[#061A1C]"]:before,
body.v2-light [class*="before:bg-[#061a1c]"]:before,
body.v2-light [class*="before:bg-[#121C1E]"]:before,
body.v2-light [class*="before:bg-[#121c1e]"]:before,
body.v2-light [class*="before:bg-[#1C2C30]"]:before,
body.v2-light [class*="before:bg-[#1c2c30]"]:before {
  background-color: #ffffff !important;
}

body.v2-light [class*="after:bg-[#02090A]"]:after,
body.v2-light [class*="after:bg-[#02090a]"]:after,
body.v2-light [class*="after:bg-[#121C1E]"]:after,
body.v2-light [class*="after:bg-[#121c1e]"]:after,
body.v2-light [class*="after:bg-[#1C2C30]"]:after,
body.v2-light [class*="after:bg-[#1c2c30]"]:after {
  background-color: #f7f8f7 !important;
}

/* Homepage neon → pine; enterprise uses indigo (see casan-enterprise-accents). */
body.v2-light:not(.casan-enterprise) [class*="after:bg-[#36F4A4]"]:after,
body.v2-light:not(.casan-enterprise) [class*="after:bg-[#36f4a4]"]:after {
  background-color: #0b6b56 !important;
}

body.v2-light [class*="before:bg-[linear-gradient(0deg,#02090A"]:before,
body.v2-light [class*="before:bg-[linear-gradient(0deg,#02090a"]:before {
  background-image: linear-gradient(0deg, #f7f8f7 0px, transparent 40px) !important;
}

/*
 * Card / elevated surfaces.
 * Exclude before:bg-* / after:bg-* — those substrings also match [class*="bg-[#…]"]
 * and were painting solid white onto Products mega-menu column hosts (hairline
 * separators only), which showed up as the large white blocks in the dropdown.
 */
body.v2-light .bg-deep-green,
body.v2-light .bg-deep-pine,
body.v2-light [class*="bg-[#061A1C]"]:not([class*="before:bg-[#061A1C]"]):not([class*="after:bg-[#061A1C]"]),
body.v2-light [class*="bg-[#061a1c]"]:not([class*="before:bg-[#061a1c]"]):not([class*="after:bg-[#061a1c]"]),
body.v2-light [class*="bg-[#121C1E]"]:not([class*="before:bg-[#121C1E]"]):not([class*="after:bg-[#121C1E]"]),
body.v2-light [class*="bg-[#121c1e]"]:not([class*="before:bg-[#121c1e]"]):not([class*="after:bg-[#121c1e]"]),
body.v2-light [class*="bg-[#1C2C30]"]:not([class*="before:bg-[#1C2C30]"]):not([class*="after:bg-[#1C2C30]"]),
body.v2-light [class*="bg-[#1c2c30]"]:not([class*="before:bg-[#1c2c30]"]):not([class*="after:bg-[#1c2c30]"]),
body.v2-light [class*="bg-[#051517]"]:not([class*="before:bg-[#051517]"]):not([class*="after:bg-[#051517]"]),
body.v2-light [class*="bg-[#102620]"]:not([class*="before:bg-[#102620]"]):not([class*="after:bg-[#102620]"]) {
  background-color: #ffffff !important;
}

/* Mega-menu column hosts that only carry before:bg hairlines — stay transparent */
body.v2-light .bk-header [class*="before:bg-[#121C1E]"],
body.v2-light .bk-header [class*="before:bg-[#121c1e]"] {
  background-color: transparent !important;
}

/* Soft glass → light tint */
body.v2-light .bg-white\/10,
body.v2-light [class*="bg-white/10"] {
  background-color: rgba(14, 22, 21, 0.04) !important;
}
body.v2-light .bg-white\/15,
body.v2-light [class*="bg-white/15"] {
  background-color: rgba(14, 22, 21, 0.06) !important;
}
body.v2-light .bg-white\/20,
body.v2-light [class*="bg-white/20"] {
  background-color: rgba(14, 22, 21, 0.08) !important;
}
body.v2-light .bg-white\/25,
body.v2-light [class*="bg-white/25"] {
  background-color: rgba(14, 22, 21, 0.1) !important;
}
body.v2-light .bg-white\/50,
body.v2-light [class*="bg-white/50"] {
  background-color: rgba(255, 255, 255, 0.85) !important;
}

body.v2-light .bg-deep-green\/20,
body.v2-light [class*="bg-deep-green/20"] {
  background-color: rgba(11, 107, 86, 0.08) !important;
}

/* Local card button gradient → soft wash */
body.v2-light .bg-local-global-card-button {
  background-image: linear-gradient(#e8f2ef 0%, #dce8e5 100%) !important;
}

/* ── Text ──────────────────────────────────────────────────────────── */
body.v2-light .text-section-dark-text,
body.v2-light .text-white {
  color: #0e1615 !important;
}

body.v2-light .text-white\/70,
body.v2-light [class*="text-white/70"],
body.v2-light [class*="text-white\/70"] {
  color: rgba(14, 22, 21, 0.72) !important;
}

body.v2-light .text-zinc-400 {
  color: #5c6b68 !important;
}

body.v2-light .text-zinc-600 {
  color: #3f4a48 !important;
}

body.v2-light .text-gray-a,
body.v2-light .text-gray-b,
body.v2-light .text-gray-c,
body.v2-light .text-gray-d,
body.v2-light [class*="text-[#a1a1aa]"] {
  color: #5c6b68 !important;
}

/* Neon lime on dark → readable pine accent on light (not enterprise) */
body.v2-light:not(.casan-enterprise) [class*="text-[#36F4A4]"],
body.v2-light:not(.casan-enterprise) [class*="text-[#36f4a4]"] {
  color: #0b6b56 !important;
}

/*
 * A/B showcase tabs (`data-section-name="a-b"`):
 * Casan uses bg-clip-text + `!text-white` for the active phrase. On light
 * paper that reads as white-on-white. Drop the clip/gradient and paint solid
 * ink + indigo (also set -webkit-text-fill-color so fill can’t stay white).
 */
body.v2-light [data-section-name="a-b"] [role="tablist"].bg-clip-text,
body.v2-light [data-section-name="a-b"] [role="tablist"] {
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

body.v2-light [data-section-name="a-b"] [role="tablist"] [role="tab"] {
  color: rgba(14, 22, 21, 0.42) !important;
  -webkit-text-fill-color: rgba(14, 22, 21, 0.42) !important;
}

body.v2-light [data-section-name="a-b"] [role="tablist"] [role="tab"][aria-selected="true"],
body.v2-light [data-section-name="a-b"] [role="tablist"] [role="tab"][class*="!text-white"],
body.v2-light [data-section-name="a-b"] [role="tablist"] [role="tab"][class*="text-white"] {
  color: #462de2 !important;
  -webkit-text-fill-color: #462de2 !important;
}

body.v2-light [data-section-name="a-b"] [role="tablist"] [role="tab"]:hover,
body.v2-light [data-section-name="a-b"] [role="tablist"] [role="tab"]:focus-visible {
  color: rgba(14, 22, 21, 0.72) !important;
  -webkit-text-fill-color: rgba(14, 22, 21, 0.72) !important;
}

body.v2-light [data-section-name="a-b"] [role="tablist"] [role="tab"][aria-selected="true"]:hover,
body.v2-light [data-section-name="a-b"] [role="tablist"] [role="tab"][aria-selected="true"]:focus-visible {
  color: #3a22c4 !important;
  -webkit-text-fill-color: #3a22c4 !important;
}

body.v2-light .border-avocado {
  border-color: #0b6b56 !important;
}

/* ── Borders ──────────────────────────────────────────────────────── */
body.v2-light .border-hairline-green {
  border-color: #d8e0de !important;
}

body.v2-light .border-white\/10,
body.v2-light [class*="border-white/10"],
body.v2-light [class*="border-white\/10"] {
  border-color: rgba(14, 22, 21, 0.1) !important;
}

body.v2-light .border-white\/15,
body.v2-light [class*="border-white/15"] {
  border-color: rgba(14, 22, 21, 0.12) !important;
}

body.v2-light .border-white\/20,
body.v2-light [class*="border-white/20"] {
  border-color: rgba(14, 22, 21, 0.16) !important;
}

body.v2-light .border-white\/25,
body.v2-light [class*="border-white/25"] {
  border-color: rgba(14, 22, 21, 0.2) !important;
}

body.v2-light .border-white\/35,
body.v2-light [class*="border-white/35"] {
  border-color: rgba(14, 22, 21, 0.28) !important;
}

/*
 * Header sits over the hero photo → white type + dark sticky chrome
 * (same readability as dark /v2; paper body keeps light below the fold).
 */
body.v2-light .bk-header {
  --color-theme-bg-header: #000000;
  --color-theme-content-header: #ffffff;
  --color-theme-bg-cta: #462de2;
  --color-theme-bg-cta-hover: #3a22c4;
  --color-theme-bg-cta-active: #2f1aad;
  --color-theme-bg-cta-focus: #462de2;
  --color-theme-bg-cta-disabled: #3a4550;
  --color-theme-content-cta: #ffffff;
  --color-theme-content-cta-hover: rgba(255, 255, 255, 0.85);
  --color-theme-content-cta-active: rgba(255, 255, 255, 0.7);
  --color-theme-content-cta-focus: #ffffff;
  --color-theme-content-cta-disabled: rgba(255, 255, 255, 0.4);
  --color-theme-content-cta-inverse: #ffffff;
  --color-theme-content-cta-inverse-hover: #ffffff;
  --color-theme-content-cta-inverse-active: #ffffff;
  --color-theme-content-cta-inverse-focus: #ffffff;
  --color-theme-content-cta-inverse-disabled: rgba(255, 255, 255, 0.4);
  --color-theme-border-cta: #ffffff;
  --color-theme-border-cta-hover: rgba(255, 255, 255, 0.85);
  --color-theme-border-cta-active: rgba(255, 255, 255, 0.7);
  --color-theme-border-cta-focus: #ffffff;
  --color-theme-border-cta-disabled: rgba(255, 255, 255, 0.25);
  --color-component-header-level1-border: rgba(255, 255, 255, 0.16);
}

/* Mega menu panel — black (light skin otherwise whitens max-md:bg-[#051517] cards) */
body.v2-light:not(.casan-pricing) .bk-header::after {
  background-color: #000000 !important;
  background-image: none !important;
}

/*
 * Header lip (`before:from-component-header-bg`, translated below the bar).
 * On pricing/subpages the token is paper (#f7f8f7), so when a mega menu opens
 * the lip fades in as a white band over the black panel. Hide it while open.
 */
body.v2-light .bk-header:has(.level1-item:hover)::before,
body.v2-light .bk-header:has(.level1-item:focus-within)::before {
  opacity: 0 !important;
  background-image: none !important;
  background-color: transparent !important;
}

/* No fill on the wrapper — it stays in the layout when menus are closed and
   would black out the hero. Paint only .level2-media-container (below). */
body.v2-light .bk-header .level2-wrapper {
  background-color: transparent !important;
  color: #ffffff !important;
}

/* Pricing: paper sticky chrome; black only while a menu is open */
body.casan-pricing.v2-light .bk-header:has(.level1-item:hover)::after,
body.casan-pricing.v2-light .bk-header:has(.level1-item:focus-within)::after {
  background-color: #000000 !important;
  background-image: none !important;
}

/* While mega open on paper pages, keep bar tokens black (matches menu) */
body.casan-pricing.v2-light .bk-header:has(.level1-item:hover),
body.casan-pricing.v2-light .bk-header:has(.level1-item:focus-within) {
  --color-theme-bg-header: #000000;
  --color-theme-content-header: #ffffff;
  --color-component-header-level1-border: rgba(255, 255, 255, 0.16);
}

body.casan-pricing.v2-light .bk-header:has(.level1-item:hover) .text-white,
body.casan-pricing.v2-light .bk-header:has(.level1-item:hover) [class*="text-white"],
body.casan-pricing.v2-light .bk-header:has(.level1-item:hover) .text-component-header-content,
body.casan-pricing.v2-light .bk-header:has(.level1-item:focus-within) .text-white,
body.casan-pricing.v2-light .bk-header:has(.level1-item:focus-within) [class*="text-white"],
body.casan-pricing.v2-light
  .bk-header:has(.level1-item:focus-within)
  .text-component-header-content {
  color: #ffffff !important;
}

body.casan-pricing.v2-light .bk-header:has(.level1-item:hover) .fill-white,
body.casan-pricing.v2-light .bk-header:has(.level1-item:hover) [class*="fill-white"],
body.casan-pricing.v2-light .bk-header:has(.level1-item:focus-within) .fill-white,
body.casan-pricing.v2-light .bk-header:has(.level1-item:focus-within) [class*="fill-white"] {
  fill: #ffffff !important;
}

body.casan-pricing.v2-light .bk-header:has(.level1-item:hover) .stroke-white,
body.casan-pricing.v2-light .bk-header:has(.level1-item:hover) [class*="stroke-white"],
body.casan-pricing.v2-light .bk-header:has(.level1-item:focus-within) .stroke-white,
body.casan-pricing.v2-light .bk-header:has(.level1-item:focus-within) [class*="stroke-white"] {
  stroke: #ffffff !important;
}

body.casan-pricing.v2-light .bk-header:has(.level1-item:hover) .casan-brand-logo--on-dark,
body.casan-pricing.v2-light .bk-header:has(.level1-item:focus-within) .casan-brand-logo--on-dark {
  display: block !important;
}

body.casan-pricing.v2-light .bk-header:has(.level1-item:hover) .casan-brand-logo--on-light,
body.casan-pricing.v2-light .bk-header:has(.level1-item:focus-within) .casan-brand-logo--on-light {
  display: none !important;
}

body.v2-light .bk-header .level3-link {
  background-color: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

@media (max-width: 767px) {
  body.v2-light .bk-header .level3-link {
    background-color: #141414 !important;
  }
}

body.v2-light .bk-header .level2-wrapper a,
body.v2-light .bk-header .level2-wrapper p,
body.v2-light .bk-header .level2-wrapper span,
body.v2-light .bk-header .level2-wrapper li,
body.v2-light .bk-header .level2-wrapper label,
/* Beat pricing ink-on-paper nav tokens while a mega menu is open */
body.casan-pricing.v2-light .bk-header .level2-wrapper a,
body.casan-pricing.v2-light .bk-header .level2-wrapper p,
body.casan-pricing.v2-light .bk-header .level2-wrapper span,
body.casan-pricing.v2-light .bk-header .level2-wrapper li,
body.casan-pricing.v2-light .bk-header .level2-wrapper label,
body.casan-pricing.v2-light .bk-header .level2-wrapper .text-white,
body.casan-pricing.v2-light .bk-header .level2-wrapper [class*="text-white"] {
  color: #ffffff !important;
}

body.v2-light .bk-header .level2-wrapper [class*="text-[#a1a1aa]"],
body.v2-light .bk-header .level2-wrapper [class*="text-\\[\\#a1a1aa\\]"] {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* Keep Why/Products panels dark (undo paper whitening) */
body.v2-light .bk-header .level2-media-container,
body.v2-light .bk-header [class*="bg-[#02090a]"],
body.v2-light .bk-header [class*="bg-[#02090A]"],
body.v2-light .bk-header [class*="bg-[#051517]"],
body.v2-light .bk-header [class*="bg-[#102620]"],
body.v2-light .bk-header [class*="bg-[#061a1c]"],
body.v2-light .bk-header [class*="bg-[#061A1C]"],
body.v2-light .bk-header [class*="bg-[#1C2C30]"],
body.v2-light .bk-header [class*="bg-[#1c2c30]"] {
  background-color: #000000 !important;
}

body.v2-light .bk-header [class*="before:bg-[#051517]"]:before,
body.v2-light .bk-header [class*="before:bg-[#f4f4f5]"]:before {
  background-color: #141414 !important;
}

/*
 * Products belt paints a 200vw ::after (`lg:after:bg-[#02090A]`). Light skin
 * remaps that to paper and washes out the whole left column — keep it black.
 */
body.v2-light .bk-header [class*="after:bg-[#02090A]"]:after,
body.v2-light .bk-header [class*="after:bg-[#02090a]"]:after,
body.v2-light .bk-header [class*="after:bg-[#121C1E]"]:after,
body.v2-light .bk-header [class*="after:bg-[#121c1e]"]:after {
  background-color: #000000 !important;
}

/* Mega-nav bottom belt fade — stay black (never paper) */
body.v2-light .bk-header [class*="before:bg-[linear-gradient(0deg,#02090A"]:before,
body.v2-light .bk-header [class*="before:bg-[linear-gradient(0deg,#02090a"]:before,
body.v2-light .bk-header [class*="lg:before:bg-[linear-gradient(0deg,#02090A"]:before,
body.v2-light .bk-header [class*="lg:before:bg-[linear-gradient(0deg,#02090a"]:before {
  background-image: none !important;
  background-color: transparent !important;
}

body.v2-light .bk-header [class*="bg-[linear-gradient(0deg,#02090A"],
body.v2-light .bk-header [class*="bg-[linear-gradient(0deg,#02090a"] {
  background-image: none !important;
}

/* Nav icons / chevrons that light skin otherwise paints ink-dark */
body.v2-light .bk-header .fill-white,
body.v2-light .bk-header [class*="fill-white"] {
  fill: #ffffff !important;
}

body.v2-light .bk-header .stroke-white,
body.v2-light .bk-header [class*="stroke-white"] {
  stroke: #ffffff !important;
}

body.v2-light .bk-header .text-white,
body.v2-light .bk-header [class*="text-white"],
body.v2-light .bk-header .text-component-header-content {
  color: #ffffff !important;
}

/* ── SVG fills that assumed white-on-dark ─────────────────────────── */
body.v2-light .fill-white,
body.v2-light [class*="fill-white"] {
  fill: #0e1615 !important;
}

body.v2-light .stroke-white,
body.v2-light [class*="stroke-white"] {
  stroke: #0e1615 !important;
}

/* ── Conversion band: drop charcoal multi-radial → paper ──────────── */
body.v2-light .bg-conversion-gradient {
  background-image: none !important;
  background-color: #f7f8f7 !important;
}

/* Conversion frames: card chrome lives in casan-conversion.css (both themes). */

/* checkout-stats: hide Casan night ellipse (`radial-gradient(#0c3c3180…)`) */
body.v2-light [data-section-name="checkout-stats"].with-blurred-ellipse:before {
  display: none !important;
}

/* ── Casan AI (AI): purple→navy → soft pine wash ──────────────────── */
body.v2-light [data-section-name="casan-ai"] {
  background-image: linear-gradient(
    to bottom,
    #e6f4ef 42.49%,
    #f7f8f7 100%
  ) !important;
}

/* ── Soften night-mode media card paints (keep cyan/violet accents) ─ */
body.v2-light [class*="bg-[linear-gradient(145deg,#000a1e"],
body.v2-light [class*="bg-[linear-gradient(145deg,#000A1E"] {
  background-image: linear-gradient(
    145deg,
    #e8f0ee 47%,
    rgba(232, 240, 238, 0.92) 67%,
    rgba(247, 248, 247, 0) 90%
  ) !important;
}

body.v2-light [class*="bg-[linear-gradient(290.7deg,#061A1C"],
body.v2-light [class*="bg-[linear-gradient(290.7deg,#061a1c"] {
  background-image: linear-gradient(
    290.7deg,
    #eef3f2 58.79%,
    #dce8e5 100%
  ) !important;
}

body.v2-light [class*="bg-[linear-gradient(0deg,#061518"] {
  background-image: linear-gradient(0deg, #e8f0ee 20%, #d4e4e0) !important;
}

/*
 * Only real bg-[linear-gradient…] utilities — not before:/after: classes.
 * Matching those painted a paper fade onto the Products mega-nav bottom belt
 * (`lg:before:bg-[linear-gradient(0deg,#02090A…)]`).
 */
body.v2-light
  [class*="bg-[linear-gradient(0deg,#02090A"]:not([class*="before:bg-"]):not([class*="after:bg-"]),
body.v2-light
  [class*="bg-[linear-gradient(0deg,#02090a"]:not([class*="before:bg-"]):not([class*="after:bg-"]) {
  background-image: linear-gradient(0deg, #f7f8f7 0px, transparent 40px) !important;
}

body.v2-light [class*="bg-[radial-gradient(#1c4e50"],
body.v2-light [class*="bg-[radial-gradient(#2a4344"],
body.v2-light [class*="bg-[radial-gradient(#3E4646"],
body.v2-light [class*="bg-[radial-gradient(#3e4646"],
body.v2-light [class*="bg-[radial-gradient(rgba(21,112,118"] {
  background-image: radial-gradient(
    ellipse at 50% 35%,
    #d5e6e2 0%,
    #eef3f2 45%,
    #f7f8f7 100%
  ) !important;
}

body.v2-light [class*="bg-[radial-gradient(#157076"] {
  background-image: radial-gradient(
    circle,
    rgba(11, 107, 86, 0.18),
    transparent 65%
  ) !important;
}

/* Softened media cards: ink text (override the dark-window white force) */
body.v2-light [class*="bg-[linear-gradient(145deg,#000a1e"] .text-white,
body.v2-light [class*="bg-[linear-gradient(145deg,#000a1e"] [class*="text-white"],
body.v2-light [class*="bg-[linear-gradient(290.7deg,#061A1C"] .text-white,
body.v2-light [class*="bg-[linear-gradient(290.7deg,#061A1C"] [class*="text-white"],
body.v2-light [class*="bg-[linear-gradient(0deg,#061518"] .text-white,
body.v2-light [class*="bg-[radial-gradient(#1c4e50"] .text-white,
body.v2-light [class*="bg-[radial-gradient(#2a4344"] .text-white,
body.v2-light [class*="bg-[radial-gradient(#3E4646"] .text-white,
body.v2-light [class*="bg-[radial-gradient(rgba(21,112,118"] .text-white,
body.v2-light [class*="bg-[radial-gradient(#1c4e50"] [class*="text-white"],
body.v2-light [class*="bg-[radial-gradient(#2a4344"] [class*="text-white"],
body.v2-light [class*="bg-[radial-gradient(#3E4646"] [class*="text-white"],
body.v2-light [class*="bg-[radial-gradient(rgba(21,112,118"] [class*="text-white"] {
  color: #0e1615 !important;
}

/* Keep saturated accent bars (cyan / violet) as dark media + white type */
body.v2-light [class*="bg-[linear-gradient(180deg,#30deee"] .text-white,
body.v2-light [class*="bg-[linear-gradient(180deg,#6b26ff"] .text-white,
body.v2-light [class*="bg-[linear-gradient(180deg,#30deee"] [class*="text-white"],
body.v2-light [class*="bg-[linear-gradient(180deg,#6b26ff"] [class*="text-white"],
body.v2-light .bg-black .text-white,
body.v2-light [class*="bg-black/"] .text-white,
body.v2-light [class*="bg-black/"] [class*="text-white"] {
  color: #ffffff !important;
}

body.v2-light [class*="bg-[linear-gradient(180deg,#30deee"] [class*="text-[#36F4A4]"],
body.v2-light [class*="bg-[linear-gradient(180deg,#6b26ff"] [class*="text-[#36F4A4]"],
body.v2-light [class*="bg-[linear-gradient(180deg,#30deee"] [class*="text-[#36f4a4]"],
body.v2-light [class*="bg-[linear-gradient(180deg,#6b26ff"] [class*="text-[#36f4a4]"] {
  color: #36f4a4 !important;
}

/* Fade/mask gradients that used dark section / Casan navy / purple */
body.v2-light .from-\[\#02090A\],
body.v2-light [class*="from-[#02090A]"],
body.v2-light [class*="from-[#02090a]"],
body.v2-light [class*="from-[#000A1D]"],
body.v2-light [class*="from-[#000a1d]"],
body.v2-light [class*="from-[#0F2931]"],
body.v2-light [class*="from-[#0f2931]"],
body.v2-light [class*="from-[#113439]"] {
  --tw-gradient-from: #f7f8f7 !important;
}

body.v2-light [class*="from-[#2C007F]"],
body.v2-light [class*="from-[#2c007f]"] {
  --tw-gradient-from: #e6f4ef !important;
}

body.v2-light .via-\[\#02090A\],
body.v2-light [class*="via-[#02090A]"] {
  --tw-gradient-via: #f7f8f7 !important;
}

body.v2-light .to-\[\#02090A\],
body.v2-light [class*="to-[#02090A]"],
body.v2-light [class*="to-[#000A1D]"],
body.v2-light [class*="to-[#000a1d]"] {
  --tw-gradient-to: #f7f8f7 !important;
}

body.v2-light [class*="to-[#0F2931]"],
body.v2-light [class*="to-[#113439]"] {
  --tw-gradient-to: #eef3f2 !important;
}

/* Non-hero bottom fades: soften night-black → ink wash (hero uses full overlay above) */
body.v2-light [class*="before:to-black/"]:not([data-section-name="hero"]) {
  --tw-gradient-to: rgba(14, 22, 21, 0.35) !important;
}

/* ── Custom Casan visuals on light paper ──────────────────────────── */
body.v2-light .casan-agentic__glow {
  background: radial-gradient(
    circle,
    rgba(11, 107, 86, 0.14) 0%,
    transparent 70%
  ) !important;
}

/* Rent-stack chips are white frosted cards in base CSS — keep light soft */
body.v2-light .casan-rent-stack__chip {
  box-shadow:
    0 0 0 1px rgba(14, 22, 21, 0.08),
    0 10px 22px -12px rgba(14, 22, 21, 0.12) !important;
}

body.v2-light .casan-rent-stack__tile:not(.casan-rent-stack__tile--logo):not(.casan-rent-stack__tile--chip) {
  background: #ffffff !important;
  box-shadow:
    0 0 0 1px rgba(14, 22, 21, 0.08),
    0 10px 22px -12px rgba(14, 22, 21, 0.12) !important;
}

body.v2-light .casan-rent-stack__tile--logo {
  background: #ffffff !important;
  box-shadow:
    0 0 0 1px rgba(14, 22, 21, 0.08),
    0 10px 22px -12px rgba(14, 22, 21, 0.12) !important;
}

body.v2-light .casan-rent-stack__tile--chip {
  background: transparent !important;
  box-shadow: none !important;
}

body.v2-light .casan-rent-stack__thumb {
  background: linear-gradient(145deg, #e8eef8, #f3f1ee) !important;
}

/* ── Indigo feature cards (swatch #4A2CEB) ─────────────────────────── */
/* Agentic: “Your portfolio has entered the chat” */
body.v2-light [data-section-name="agentic"] > .container > .relative.overflow-hidden.rounded-2xl {
  background-color: #4a2ceb !important;
  background-image: none !important;
}

body.v2-light
  [data-section-name="agentic"]
  > .container
  > .relative.overflow-hidden.rounded-2xl
  .text-white,
body.v2-light
  [data-section-name="agentic"]
  > .container
  > .relative.overflow-hidden.rounded-2xl
  [class*="text-white"] {
  color: #ffffff !important;
}

body.v2-light
  [data-section-name="agentic"]
  > .container
  > .relative.overflow-hidden.rounded-2xl
  .text-gray-a,
body.v2-light
  [data-section-name="agentic"]
  > .container
  > .relative.overflow-hidden.rounded-2xl
  .text-gray-b,
body.v2-light
  [data-section-name="agentic"]
  > .container
  > .relative.overflow-hidden.rounded-2xl
  .text-gray-c,
body.v2-light
  [data-section-name="agentic"]
  > .container
  > .relative.overflow-hidden.rounded-2xl
  .text-gray-d {
  color: rgba(255, 255, 255, 0.82) !important;
}

body.v2-light
  [data-section-name="agentic"]
  > .container
  > .relative.overflow-hidden.rounded-2xl
  a {
  color: #ffffff !important;
}

body.v2-light [data-section-name="agentic"] .casan-agentic__glow {
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.22) 0%,
    transparent 70%
  ) !important;
}

/* Local-and-global: “Operate across buildings” panel */
body.v2-light [data-section-name="local-and-global"] .card-local-and-global {
  background-color: #4a2ceb !important;
  background-image: linear-gradient(
    125deg,
    #5b45f0 0%,
    #4a2ceb 48%,
    #3b1fd4 100%
  ) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

body.v2-light .casan-dk-card__fade {
  background:
    linear-gradient(
      90deg,
      #4a2ceb 0%,
      rgba(74, 44, 235, 0.94) 22%,
      rgba(74, 44, 235, 0.55) 42%,
      rgba(88, 48, 230, 0.12) 62%,
      transparent 78%
    ),
    linear-gradient(
      180deg,
      rgba(74, 44, 235, 0.2) 0%,
      transparent 30%,
      transparent 70%,
      rgba(59, 31, 212, 0.35) 100%
    ) !important;
}

/* Teal night glows → soft white wash on indigo */
body.v2-light
  [data-section-name="local-and-global"]
  .card-local-and-global
  > [class*="glow-"] {
  background-image: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.28),
    transparent 70%
  ) !important;
  opacity: 0.35 !important;
}

body.v2-light [data-section-name="local-and-global"] .card-local-and-global h4,
body.v2-light
  [data-section-name="local-and-global"]
  .card-local-and-global
  .richtext.text-t7 {
  color: #ffffff !important;
}

body.v2-light
  [data-section-name="local-and-global"]
  .card-local-and-global
  .text-gray-a,
body.v2-light
  [data-section-name="local-and-global"]
  .card-local-and-global
  .text-gray-b,
body.v2-light
  [data-section-name="local-and-global"]
  .card-local-and-global
  .text-body-sm {
  color: rgba(255, 255, 255, 0.82) !important;
}

body.v2-light
  [data-section-name="local-and-global"]
  .card-local-and-global
  .text-body-sm
  a {
  color: #ffffff !important;
}

body.v2-light
  [data-section-name="local-and-global"]
  .card-local-and-global
  .flags-carousel
  img {
  opacity: 1 !important;
}

/* Product-strip Buy now stays ink on the pale button */
body.v2-light
  [data-section-name="local-and-global"]
  .bg-local-global-card-button
  .text-white {
  color: #0e1615 !important;
}

/* Developer: “Property ops to the core” collage card (swatch #462DE2) */
body.v2-light [data-section-name="developer"] .shadow-dev-image-container,
body.v2-light [data-section-name="developer"] [class*="bg-[#010624]"] {
  background-color: #462de2 !important;
  background-image: none !important;
}

/* Blue night glows → soft white wash on indigo */
body.v2-light
  [data-section-name="developer"]
  .shadow-dev-image-container
  > [class*="bg-[radial-gradient"] {
  background-image: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.22),
    transparent 70%
  ) !important;
  opacity: 0.35 !important;
}

/*
 * Floating labels: global light skin flips section text → ink and
 * bg-white/20 → near-invisible dark tint — unreadable on indigo.
 * Restore white glass + high-contrast copy (same pattern as agentic).
 */
body.v2-light
  [data-section-name="developer"]
  .shadow-dev-image-container
  .shadow-dev-label-container {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

body.v2-light
  [data-section-name="developer"]
  .shadow-dev-image-container
  .shadow-dev-label-container:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

body.v2-light
  [data-section-name="developer"]
  .shadow-dev-image-container
  .shadow-dev-label-container
  .text-b4,
body.v2-light
  [data-section-name="developer"]
  .shadow-dev-image-container
  .shadow-dev-label-container
  span {
  color: #ffffff !important;
}

body.v2-light
  [data-section-name="developer"]
  .shadow-dev-image-container
  .shadow-dev-label-container
  .rounded-full {
  border-color: rgba(255, 255, 255, 0.92) !important;
}

/* ── For-everyone: pricing CTA + logo marquee on paper ───────────── */
/* Dark-secondary outline (white text/border) is invisible on #F7F8F7. */
body.v2-light [data-component-name="cta-pricing"] {
  color: #0e1615 !important;
  background-color: transparent !important;
  border-color: #0e1615 !important;
  --tw-ring-color: #0e1615;
}

body.v2-light [data-component-name="cta-pricing"]:hover,
body.v2-light [data-component-name="cta-pricing"]:focus {
  color: #0e1615 !important;
  background-color: rgba(14, 22, 21, 0.06) !important;
  border-color: #3f4a48 !important;
  --tw-ring-color: #3f4a48;
}

body.v2-light [data-component-name="cta-pricing"]:active {
  color: #0e1615 !important;
  background-color: rgba(14, 22, 21, 0.1) !important;
  border-color: #5c6b68 !important;
}

/* US merchant logo marquees removed in HTML; hide any residual ticker. */
body.v2-light .logo-group-marquee,
body.v2-light [aria-label="Logos"] {
  display: none !important;
}

/* Checkout-stats KPI footnote — keep claim disclaimer readable under giants. */
body.v2-light [data-section-name="checkout-stats"] .text-body-sm,
body.v2-light [data-section-name="checkout-stats"] p.richtext.text-body-sm {
  opacity: 0.92;
  max-width: 62ch;
}