.wp-sjs-plugin {
  margin: var(--space-4) 0;
  font-family: var(--font-body);
}

.wp-sjs-plugin .sd-root-modern,
.wp-sjs-plugin .sv_main {
  --sjs-font-family: var(--font-body) !important;
  --sjs-font-size: 16px !important;
  --sjs-corner-radius: 8px !important;
  --sjs-primary-backcolor: var(--theme-primary) !important;
  --sjs-primary-backcolor-light: rgba(186, 138, 18, 0.16) !important;
  --sjs-primary-backcolor-dark: var(--theme-primary-hover) !important;
  --sjs-primary-forecolor: #fff !important;
  --sjs-secondary-backcolor: var(--color-sage-500) !important;
  --sjs-secondary-forecolor: #fff !important;
  --sjs-general-backcolor: #fffdf9 !important;
  --sjs-general-backcolor-dim: #f5eee3 !important;
  --sjs-general-backcolor-dim-light: #fbf7ef !important;
  --sjs-general-forecolor: var(--theme-text) !important;
  --sjs-general-dim-forecolor: var(--theme-text) !important;
  --sjs-general-dim-forecolor-light: var(--theme-text-muted) !important;
  --sjs-border-default: var(--theme-border-strong) !important;
  --sjs-border-light: var(--theme-border) !important;
  --sjs-shadow-small: 0 1px 2px rgba(66, 49, 18, 0.1) !important;
  --sjs-shadow-medium: 0 4px 14px rgba(66, 49, 18, 0.12) !important;
  --sjs-shadow-large: 0 10px 28px rgba(66, 49, 18, 0.15) !important;
}

.wp-sjs-plugin .sd-title,
.wp-sjs-plugin .sd-element__title,
.wp-sjs-plugin .sv_q_title {
  color: var(--theme-heading);
  font-family: var(--font-heading);
}

.wp-sjs-plugin .sd-description,
.wp-sjs-plugin .sv_q_description {
  color: var(--theme-text-muted);
}

.wp-sjs-plugin .sd-body,
.wp-sjs-plugin .sv_body {
  border-radius: var(--radius-lg);
}

.wp-sjs-plugin .sd-input,
.wp-sjs-plugin .sd-textarea,
.wp-sjs-plugin .sd-dropdown,
.wp-sjs-plugin .sv-string-viewer,
.wp-sjs-plugin input[type="text"],
.wp-sjs-plugin textarea,
.wp-sjs-plugin select {
  border-color: var(--theme-border-strong);
  border-radius: var(--radius-sm);
}

.wp-sjs-plugin .sd-input:focus,
.wp-sjs-plugin .sd-textarea:focus,
.wp-sjs-plugin .sd-dropdown:focus,
.wp-sjs-plugin input[type="text"]:focus,
.wp-sjs-plugin textarea:focus,
.wp-sjs-plugin select:focus {
  box-shadow: 0 0 0 3px var(--theme-focus);
}

.wp-sjs-plugin .sd-btn,
.wp-sjs-plugin .sv-btn,
.wp-sjs-plugin .sv-button,
.wp-sjs-plugin .sd-navigation__next-btn,
.wp-sjs-plugin .sd-navigation__complete-btn {
  border-radius: var(--radius-pill);
  font-weight: var(--weight-semibold);
}