:root {
  --globalTextColor: #433062;
  --langToggleBg: #efecf6;
  --langToggleBgHover: #e7e2f1;
  --dropdownBg: #fff;
  --dropdownShadow: #B19ED0;
  --dropdownItemHover: #efecf6;
  --tabsBg: #574476;
  --tabsTextColor: #fff;
  --tabsActiveBg: #ffbb03;
  --tabsActiveTextColor: #433062;
  --inputBorder: #e2ddef;
  --inputBorderFocus: #B19ED0;
  --inputBg: #efecf6;
  --textMuted: #604b81;
  --checkboxBorder: #604b81;
  --checkboxChecked: #69ad37;
  --linkColor: #ff9603;
  --linkColorHover: #604b81;
  --buttonBg: #69ad37;
}

.gold-form {
  color: var(--globalTextColor);
}
.gold-form-lang-toggle {
  background-color: var(--langToggleBg);
}
.gold-form-lang-toggle:hover, .gold-form-lang-toggle.active {
  background-color: var(--langToggleBgHover);
}
.gold-form-dropdown {
  background-color: var(--dropdownBg);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, var(--dropdownShadow) 0px 1px 3px 0px, var(--dropdownShadow) 0px 1px 2px -1px;
}
.gold-form-dropdown a:hover {
  background-color: var(--dropdownItemHover);
}
.gold-form-tabs a {
  background-color: var(--tabsBg);
  color: var(--tabsTextColor);
}
.gold-form-tabs a.active {
  background-color: var(--tabsActiveBg);
  color: var(--tabsActiveTextColor);
}
.gold-form-label {
  color: var(--textMuted);
}
.gold-form .form-input, .gold-form .form-select {
  border-color: var(--inputBorder);
  background-color: var(--inputBg);
}
.gold-form .form-input:focus-within, .gold-form .form-select:focus-within, .gold-form .form-input.active, .gold-form .form-select.active {
  border-color: var(--inputBorderFocus);
  box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, var(--inputBorderFocus) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}
.gold-form .form-input::placeholder, .gold-form .form-select::placeholder, .gold-form .form-input input::placeholder, .gold-form .form-select::placeholder {
  color: var(--textMuted);
}
.gold-form-muted {
  color: var(--textMuted);
}
.gold-form .form-checkbox {
  border-color: var(--checkboxBorder);
}
.gold-form .form-checkbox {
  color: var(--checkboxChecked);
}
.gold-form-link {
  color: var(--linkColor);
}
.gold-form-link:hover {
  color: var(--linkColorHover);
}
.gold-form-button {
  background-color: var(--buttonBg);
}