:root {
  --soab-foam: #ffffff;
  --soab-gloss-white: linear-gradient(125deg, #fff 0%, #f9fbfa 38%, #edf2f0 52%, #fff 76%, #f8faf9 100%);
  --soab-gloss-green: radial-gradient(ellipse at 12% 0%, rgba(255,255,255,.1), transparent 52%), linear-gradient(125deg, #3f6259 0%, #33534e 38%, #244740 54%, #365c50 100%);
}

body[data-soab-surface] {
  background-image: var(--soab-surface-gloss) !important;
}

/* Keep button motion/shadows without briefly interpolating back to Foam or
   dark ink when Divi refreshes classes or the site changes color mode. */
body:not(#soab-gloss-1):not(#soab-gloss-2):not(#soab-gloss-3):not(#soab-gloss-4):not(#soab-gloss-5):not(#soab-gloss-6):not(#soab-gloss-7):not(#soab-gloss-8):not(#soab-gloss-9) .et_pb_button {
  transition-property: transform, box-shadow, opacity, filter !important;
}

/* Stronger than saved Divi module rules; only surface and ink properties change. */
body:not(#soab-gloss-1):not(#soab-gloss-2):not(#soab-gloss-3):not(#soab-gloss-4):not(#soab-gloss-5):not(#soab-gloss-6):not(#soab-gloss-7):not(#soab-gloss-8):not(#soab-gloss-9) [data-soab-surface] {
  background-color: var(--soab-surface-base) !important;
  background-image: var(--soab-surface-gloss) !important;
}

body:not(#soab-gloss-1):not(#soab-gloss-2):not(#soab-gloss-3):not(#soab-gloss-4):not(#soab-gloss-5):not(#soab-gloss-6):not(#soab-gloss-7):not(#soab-gloss-8):not(#soab-gloss-9) [data-soab-ink="white"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Light cards/fields within a green panel need their own dark foreground. */
body:not(#soab-gloss-1):not(#soab-gloss-2):not(#soab-gloss-3):not(#soab-gloss-4):not(#soab-gloss-5):not(#soab-gloss-6):not(#soab-gloss-7):not(#soab-gloss-8):not(#soab-gloss-9) [data-soab-ink="dark"] {
  color: #2b2b2b !important;
  -webkit-text-fill-color: #2b2b2b !important;
}

body:not(#soab-gloss-1):not(#soab-gloss-2):not(#soab-gloss-3):not(#soab-gloss-4):not(#soab-gloss-5):not(#soab-gloss-6):not(#soab-gloss-7):not(#soab-gloss-8):not(#soab-gloss-9) [data-soab-ink="authored"] {
  color: var(--soab-authored-ink) !important;
  -webkit-text-fill-color: var(--soab-authored-ink) !important;
}

body [data-soab-ink="white"]::placeholder {
  color: rgba(255,255,255,.8) !important;
  -webkit-text-fill-color: rgba(255,255,255,.8) !important;
}
body [data-soab-ink="dark"]::placeholder {
  color: #62716a !important;
  -webkit-text-fill-color: #62716a !important;
}

/* Explicit shared green surfaces also render correctly before enhancement runs. */
body:not(#soab-gloss-1):not(#soab-gloss-2):not(#soab-gloss-3):not(#soab-gloss-4):not(#soab-gloss-5):not(#soab-gloss-6):not(#soab-gloss-7):not(#soab-gloss-8):not(#soab-gloss-9) .soab-hero-menu-trigger:not(.soab-menu-option-e) {
  background: var(--soab-gloss-green) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}