/* Community > Agents hero theme bridge.
 * The hero artwork/orb is intentionally unchanged. This only replaces the legacy
 * hard-coded white presentation surface when the application is not in light mode.
 * Light mode remains the existing white editorial card.
 */

html:not(.light) section[class*="min-h-[420px]"][class*="rounded-[24px]"][class*="bg-white"] {
  background-color: var(--color-panel) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text-main) !important;
}

html:not(.light) section[class*="min-h-[420px]"][class*="rounded-[24px]"][class*="bg-white"] [class~="bg-white"] {
  background-color: var(--color-panel) !important;
}

html:not(.light) section[class*="min-h-[420px]"][class*="rounded-[24px]"][class*="bg-white"] [class~="text-black/58"] {
  color: var(--color-text-muted) !important;
}

html:not(.light) section[class*="min-h-[420px]"][class*="rounded-[24px]"][class*="bg-white"] [class*="bg-gradient-to-r"][class*="from-white"] {
  background-image: linear-gradient(
    to right,
    var(--color-panel) 0%,
    color-mix(in srgb, var(--color-panel) 95%, transparent) 58%,
    transparent 100%
  ) !important;
}

html:not(.light) section[class*="min-h-[420px]"][class*="rounded-[24px]"][class*="bg-white"] [class*="bg-gradient-to-l"][class*="from-white"] {
  background-image: linear-gradient(
    to left,
    var(--color-panel) 0%,
    color-mix(in srgb, var(--color-panel) 95%, transparent) 58%,
    transparent 100%
  ) !important;
}

/* Explicit light contract: preserve the current white editorial treatment. */
html.light section[class*="min-h-[420px]"][class*="rounded-[24px]"][class*="bg-white"] {
  background-color: #ffffff !important;
  color: #11130f !important;
}