body .gform-theme--framework {
    --gf-ctrl-label-color-primary: inherit !important;
    --gf-ctrl-label-color-secondary: var(--gf-ctrl-label-color-primary) !important;
    --gf-radius: var(--radius) !important;
    --gf-ctrl-size: initial !important;
    --gf-ctrl-padding-x: 1rem !important;
    --gf-ctrl-padding-y: .75rem !important;
    /* --gf-form-gap-x: 16px; */
    --gf-form-gap-y: var(--space-s) !important; 
    --gf-font-size-primary: inherit !important;
    --gf-ctrl-label-font-size-primary: var(--gf-font-size-primary) !important;
    --gf-form-footer-margin-y-start: var(--gf-form-gap-y) !important;
    --gf-label-req-gap: 2px;
}

body .gform-theme--framework button {
    cursor: pointer;
}

.bg-green-dark .gform-theme--foundation {
    --gf-color-danger: var(--color-white);
    --gf-color-danger-rgb: 255, 255, 255;
  }

/* On the dark-green footer the default dark-green focus ring is invisible.
   Force a white focus outline on every Gravity Forms control there (GF can
   replace the native outline with its own ring), matching the theme's
   surface-aware --color-focus flip (WCAG 2.4.7). */
.bg-green-dark .gform-theme--framework :is(input, select, textarea, button, a):focus-visible {
    outline: 3px solid var(--color-white);
    outline-offset: 2px;
}