/* Orbital-only: keep changes scoped */
.gform-theme--framework.gform-theme {
  /* Brand */
  --gf-color-primary: var(--primary);      /* buttons, accents */
  --gf-ctrl-border-color: #d1d5db;      /* input borders */

  /* Sizing (examples Gravity Forms calls out) */
  --gf-ctrl-size: 44px;                /* input height */
  --gf-ctrl-btn-size: 44px;            /* button height */

  /* Labels */
  --gf-ctrl-label-color-primary: #111827;

  /* Nice-to-have (supported by many Theme Framework builds; if a var isn't used, it’s safely ignored) */
  --gf-color-danger: #dc2626;
  --gf-color-success: #16a34a;

  /* Try these if your framework build uses them */
  --gf-ctrl-radius: 0px;
  --gf-ctrl-bg-color: #ffffff;
  --gf-ctrl-color: #111827;
  --gf-ctrl-placeholder-color: #6b7280;
  --gf-ctrl-focus-ring-color: color-mix(in srgb, var(--gf-color-primary) 35%, transparent);
}

/* Small polish that doesn’t fight GF specificity too much */
.gform-theme--framework.gform-theme .gfield_description,
.gform-theme--framework.gform-theme .gform_required_legend {
  opacity: 0.85;
}

.gform-theme--framework.gform-theme .gform-button {
	color: var(--white);
	background-color: var(--primary);
	border-top: 3px solid var(--primary);
	border-bottom: 3px solid var(--primary);
	border-left: 3px solid var(--primary);
	border-right: 3px solid var(--primary);
	font-weight: 700;
	text-decoration: none;
	padding-top: var(--size-fluid-300);
	padding-right: var(--size-fluid-400);
	padding-bottom: var(--size-fluid-300);
	padding-left: var(--size-fluid-400);
	border-radius: var(--size-fluid-100);
	box-shadow: 2px 2px 4px 2px #0000004D;
}

.gform-theme--framework.gform-theme .gform-button:hover {
	color: var(--primary);
	background-color: transparent;
}